1.交集选择器：将两个选择器直接连在一起而形成的选择器被叫做交集选择器，如p[align]，表示既是p标签又具有align的元素，交集选择器主要有三种形式
a)标签选择器+类选择器
b)标签选择器+id选择器
c)标签选择器+属性选择器
2.结构伪类选择器：所谓结构伪类选择器，就是根据元素的结构关系选取元素
a):first-child：选取结构中的第一个元素，常用格式为：结构名称匹配对象:first-child
b):last-child：选取结构中的最后一个元素，常用格式为：结构名称匹配对象:last-child
c):nth-child(n)：选取结构中从上往下第n个元素（n表示元素的编号，第一个元素编号为1，第二个编号为2，以此类推），常用格式：结构名称匹配对象:nth-child(编号)
d):nth-last-child(n)：选取结构中从下往上第n个元素（n表示元素的编号，倒数第一个元素编号为1，倒数第二个编号为2，以此类推），常用格式：结构名称匹配对象:nth-last-child(编号)
e):fist-of-type：在结构中按类别选取第一个元素，常用格式为：结构名称类别:first-of-type
f):last-of-type：在结构中按类别选取倒数第一个元素，常用格式为：结构名称类别:last-of-type
g):nth-of-type(n)：在结构中按类别选取正数第n个元素，常用格式为：结构名称类别:nth-of-type(编号)
h):nth-last-of-type(n)：在结构中按类别选取倒数第n个元素，常用格式为：结构名称类别:nth-last-of-type(n)
i)注意：
odd：表示结构中编号为奇数的元素
even：表示结构中编号为偶数的元素
j):first-line：选取块级元素的第一行文本，格式：匹配对象:first-line
k):first-letter：选取块级元素的第一个字符，格式：匹配对象:first-letter
l):before：在某个元素的前面插入内容，常结合content属性使用，可以在样式表中直接对插入的内容进行修饰
m):after：在某个元素的后面插入内容，常结合content属性使用，可以在样式表中直接对插入的内容进行修饰
n):enabled：选取可用的表单元素，格式：匹配对象:enabled
o):disabled：选取不可用的表单元素，格式：匹配对象:disabled
p)E~F：选取E后面的所有和F匹配的元素，如:div~p表示选取div后面所有的p标签
q)E+F：选取E后面的离E最近的F，如：div+p表示选取div后面的离div最近的p（p可能有多个，但是只选离它最近的那一个）
r):root：选取HTML文档的根元素，即标签
s):empty：选取文档中的空元素，所谓空元素就是标签中什么也没有，连空格也没有，如
t):not：作用是否定，排除，如p:not(.p2)，表示选取所有p标签，但是不包含.p2
u):target：选取锚点
2.选择器权重
a)如果选择器权重值相同，那么后设置的样式会覆盖先设置的样式
b)如果选择器权重不同，那么权重值大的样式会覆盖权重值小的样式
标签选择器：1
类选择器：10
属性选择器：10
结构伪类选择器：10
id选择器100
后代选择器：选择器权重之和
子选择器：选择器权重之和
交集选择器：选择器权重之和
继承的样式权重为0
行内样式权重为1000
群组选择器权重为：被连接的选择器权重的最大值
3.color：字体颜色
4.font-size：字体大小
5.font-weight：字体粗细，属性值为normal（默认）、bold（加粗）
6.font-style：字体倾斜，normal、italic、oblique
7.font-family：字体类型，属性值可以是中文字体，也可以是英文，注意事项
a)如果是中文，或者属性值有多个单词构成且单词间有空格，那么属性值需要用双引号括起来
b)可以设置多个字体类型，类型间用逗号分隔，浏览器在解析时会从前向后选择字体类型，选到谁用谁
8.font的复合形式：font：加粗倾斜大小/行高类型，注意复合形式时，属性值可以部分省略，被省略的值采用默认值，字体大小和类型是不可以省略的
9.line-height：设置的是行高，属性值可以是像素值，百分比，em，ling-height的应用
a)单行文本垂直居中：行高=高度，如果行高小于高度，文本在中分线以上，如果行高大于高度，文本在中分线以下
b)多行文本要将容器平分，可以使行高=高度/行数
10.text-decoration：文本修饰，属性值为underline（下划线）、overline（上划线）、line-through（删除线）、none（无）
11.text-indent：设置文本的首行缩进，属性值为像素值，em、百分比，注意：该属性适用于块元素及行内块元素
12.text-shadow：设置文本阴影效果（CSS3新增属性），格式：text-shadow：水平位移值垂直位移值阴影模糊半径阴影颜色，注意一个元素可以设置多重阴影效果，效果间用逗号分隔，如text-shadow: 0 0 5px red, 10px 10px 10px blue,
20px 20px 15px yellow;
13.text-transform：设置字母表现，uppercase（所有字母大写）、lowercase（所有字母小写）、capitalize（单词首字母大写）
14.word-spacing：单词间距，属性值为像素值
15.letter-spacing：字符间距，属性值为像素值
16.text-align：设置文本水平居中，属性值为left、center、right，注意，该属性的适用对象为块元素
17.white-space：空白元素的处理（其实就是两个方面：1.空格是否合并2.内容是否换行），属性值为normal、pre、nowrap、pre-wrap、pre-line
a)normal：默认，合并空格，换行
b)pre：不合并空格，不换行
c)nowrap：合并空格，不换行
d)pre-wrap：不合并空格，换行
e)pre-line：作用等同于normal，合并空格，换行
�[�A��32u��
网友评论