web前端开发与应用——属性选择器

• E[attr]：只使用属性名，但没有确定任何属性值；
• E[attr="value"]：指定属性名，并指定了该属性的属性值；
• E[attr~="value"]：指定属性名，并且具有属性值，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“〜”不能不写；
• E[attr^="value"]：指定了属性名，并且有属性值，属性值是以value开头的；
• E[attr$="value"]：指定了属性名，并且有属性值，而且属性值是以value结束的；
• E[attr*="value"]：指定了属性名，并且有属性值，而且属值中包含了value；
• E[attr|="value"]：指定了属性名，并且属性值是value或者以“value-”开头的值（比如说zh-cn）;

属性值前缀选择器

属性值前缀选择器匹配属性值以指定值开头的每一个元素。语法格式如下： 选择器[属性名^=指定的开头]{属性:属性取值;}

属性值的子串选择器

属性值的子串选择器匹配属性值中包含指定值的每一个元素。语法格式如下： 选择器[属性名*=指定值]{属性:属性取值;}

属性值后缀选择器

属性值后缀选择器匹配属性值以指定值结尾的每一个元素。语法格式如下： 选择器[属性名$=指定的结尾]{属性:属性取值;}

属性值选择器

属性值选择器选取带有指定属性及取值的元素。语法格式如下： 选择器[属性名=属性取值]{属性:属性取值;} 例如： h1[id=yyy]{color:red;}

属性值的包含与连字符选择器

属性值的包含选择器选取属性值中包含指定词汇的元素。语法格式如下： 选择器[属性名~=指定词汇]{属性:属性取值;}

属性值的连字符选择器选取带有以指定值开头的属性值的元素，该值必须是整个单词。语法格式如下： 选择器[属性名~=前缀]{属性:属性取值;}

文本加粗的属性

font-weight设置字体的粗细，取值可以是bolder（特粗体）、bold（粗体）、normal（正常）、lighter（细体）或100~900之间的9个等级。

元素背景色的设置

background-color属性用于设置元素背景颜色。属性取值为颜色单词或颜色代码。

text-align属性是将块级标签以及单元格里面的文本内容进行相应的对齐。属性取值可以是：left、right、center、justify。 vertical-align属性是将行内元素一级单元格里面的文本内容进行相应的对齐。属性取值可以是：bottom、top、middle、baseline。 如果希望将块级元素内的文本设置为垂直居中，这里介绍一个巧妙的方法就是将文本行高line-height与块级元素的height值设置一样。如果设置不一样，会有怎样的结果呢？聪明的您，一定能试出规律的！