前端入门知识——css（1）(2)

line-height 设置文字的行高，如：line-height:24px;
text-decoration 设置文字的下划线，如：text-decoration:none; 将文字下划线去掉，常用于将a标签的下划线去掉；
text-indent 设置文字首行缩进，如：text-indent:24px; 设置文字首行缩进24px；一个汉字占20px，两个汉字40px。
text-align 设置文字水平对齐方式，如text-align:center 设置文字水平居中；span，a标签等只让文字撑开的，暂时不能居中，p，div占一行的，能居中。
01：文本样式应用实例
02：常用的文本应用css样式
CSS颜色表示法
css颜色值主要有三种表示方法：
颜色名表示，比如：red 红色，gold 金色。
rgb表示，比如：rgb(255,0,0)，表示红色。
16进制数值表示，比如：#ff0000 表示红色，这种可以简写成 #f00。
css颜色表示法示例
CSS选择器
如果对同一内容区添加样式，下面的样式会覆盖上面的样式；
在css中，#代表id选择器，.代表类选择器；
常用的选择器有如下几种：
1.标签选择器
标签选择器，此种选择器影响范围大，建议尽量应用在层级选择器中。
标签选择器举例：
01标签选择器示例
2.id选择器
通过id名来选择元素，元素的id名称不能重复，所以一个样式设置项只能对应于页面上一个元素，不能复用，id名一般给程序使用，所以不推荐使用id作为选择器。
02id选择器示例
3.类选择器
通过类名来选择元素，一个类可应用于多个元素，一个元素上也可以使用多个类，应用灵活，可复用，是css中应用最多的一种选择器。
03类选择器示例
4.层级选择器
主要应用在选择父元素下的子元素，或者子元素下面的子元素，可与标签元素结合使用，减少命名，同时也可以通过层级，防止命名冲突。
层级选择器可以包含多层，比如box中嵌套box，二层box下再嵌套span；但一般而言，最好不要超过四层。
层级选择器之间用空格隔开；
5.组选择器
多个选择器，如果有同样的样式设置，可以使用组选择器，抽离重复样式。组选择器之间用逗号分隔开。
6.伪类及伪元素选择器
常用的伪类选择器有hover，表示鼠标悬浮在元素上时的状态，伪元素选择器有before和after,它们可以通过样式在元素中插入内容。
常用于a标签。
06伪类和伪元素选择器示例
注意：
id选择器基本不用，用得最多的是类选择器。