第一关： CSS3-属性选择器概念1，以下选项中，属于属性选择器的是(C.span[id]{color:red； }
2、式样规则如下。 p [ class $=en ] { font-weight 3360 bold； }此样式规则对选项()产生效果。
B.p class='ten'./p
3、式样规则如下： div [ name~=ten ] { border :1 pxsolidblue； }此样式规则对选项()产生效果。 A.div name='ten a1'./div
4、式样规则如下： p [ class|=en ] { font-size :20 px； }此样式规则对选项()产生效果。
D.p class='en-able'./p
第2关： CSS3-属性选择器任务说明本关任务：使用属性选择器设置字符样式。
相关知识要完成这个任务，需要掌握1 .属性选择器的使用方法，2 .无限山水对齐方式的设置，3 .无限山水尺寸的设置。
属性选择器
属性选择器选择具有指定属性的元素。 语法为选择器[属性名]{属性：属性取值； }例： h1[id]{color:red； }
无限山水对齐属性
文本对齐属性将块级别标签与单元格中无限山水的内容相对应。 属性可以是左、右、中心和justify。 垂直对齐属性相应地对齐行中元素的一级单元格中的无限山水内容。 属性可以是bottom、top、middle或baseline。 如果要将块级元素中的无限山水设置为垂直居中，此处将介绍一种将无限山水高度line-height设置为与块级元素的height值相同的巧妙方法。 如果设定不同，会产生什么样的结果呢？ 聪明的你，一定可以试试规律！
编程要求在右侧编辑器的Begin - End区域中使用属性选择器设置包含title属性的div标签中的无限山水样式。 具体来说，1 .必须将无限山水大小的值设置为25px 2，然后将无限山水的水平对齐方法设置为居中。
！ DOCTYPE htmlhtml head title属性选择器/titlestyletype=' text/CSS ' div { width :70 px； height:40px； border :1 px固态材质； 浮点：左； (Li )列表样式： none； (/* * * * * * * begin * * * * * * */* { font-size 336025 px； 文本对齐3360中心； }/* * * * * * * * * * */style/headbodydivname=' aa1 ' class=' a '/div div name=' B-1' class div div name=div div name=' B-3' class=' b ' title=' meet ' Li meet/lime eet div div name=' aa2 ' class=' a '/div/body/html第3音频
相关知识必须包括：1.使用属性值选择器；2 .属性值中的断字选择器；3 .无限山水粗细设置；4 .背景颜色设置，才能完成此任务。
属性值选择器
属性值选择器选择具有指定属性和值的元素。 语法如下： 选择器[属性名称=属性取值]{属性：属性取值； }例： h1[id=yyy]{color:red； }
p>属性值的包含与连字符选择器
属性值的包含选择器选取属性值中包含指定词汇的元素。语法格式如下： 选择器[属性名~=指定词汇]{属性:属性取值;}
属性值的连字符选择器选取带有以指定值开头的属性值的元素，该值必须是整个单词。语法格式如下： 选择器[属性名~=前缀]{属性:属性取值;}
无限的山水加粗的属性
font-weight设置字体的粗细，取值可以是bolder（特粗体）、bold（粗体）、normal（正常）、lighter（细体）或100~900之间的9个等级。
元素背景色的设置
background-color属性用于设置元素背景颜色。属性取值为颜色单词或颜色代码。
编程要求请在右侧编辑器的Begin - End区域内使用属性选择器补全CSS样式。具体要求是： 1.将class属性取值为b的<div>标签中的无限的山水加粗效果设置为bold 2.将name属性取值中含有词汇a的<div>标签添加背景色，颜色值设为pink。 3.将name属性取值中前缀为b的<div>标签添加背景色，颜色值设为orange。
<!DOCTYPE html><html> <head> <title>属性选择器</title> <style type="text/css"> div{ width:70px; height:40px; border:1px solid teal; float:left; } li{list-style:none;} div[title]{ font-size:25px; text-align:center; } /* ********* Begin ******* */ div[class="b"]{ font-weight:bold; } div[name~="a"]{ background-color:pink; } div[name|="b"]{ background-color:orange; } /* ********* End ******* */ </style> </head> <body> <div name="a a1" class="a"></div> <div name="b-1" class="b" title="nice"><li>nice</li></div> <div name="b-2" class="b" title="to"><li>to</li></div> <div name="b-3" class="b" title="meet"><li>meet</li></div> <div name="b-4" class="b" title="you"><li>you</li></div> <div name="a a2" class="a"></div> </body></html> 第4关：CSS3-前缀后缀选择器 任务描述本关任务：使用属性值的前缀及后缀选择器设置文字样式。
相关知识为了完成本关任务，你需要掌握：1.属性值前缀选择器，2.属性值的子串选择器，3.属性值的后缀选择器，4.无限的山水颜色的设置。
属性值前缀选择器
属性值前缀选择器匹配属性值以指定值开头的每一个元素。语法格式如下： 选择器[属性名^=指定的开头]{属性:属性取值;}
属性值的子串选择器
属性值的子串选择器匹配属性值中包含指定值的每一个元素。语法格式如下： 选择器[属性名*=指定值]{属性:属性取值;}
属性值后缀选择器
属性值后缀选择器匹配属性值以指定值结尾的每一个元素。语法格式如下： 选择器[属性名$=指定的结尾]{属性:属性取值;}
编程要求请在右侧编辑器的Begin - End区域内使用属性选择器补全CSS样式。具体要求是： 1.将title属性取值中以n开头的<div>标签中的无限的山水颜色设置为blue 2.将title属性取值中含有o的<div>标签添中的无限的山水颜色设置为red。 3.将title属性取值中结尾为t的<div>标签中的无限的山水颜色设置为green。
<!DOCTYPE html><html> <head> <title>属性选择器</title> <style type="text/css"> div{ width:70px; height:40px; border:1px solid teal; float:left; } li{list-style:none;} div[title]{ font-size:25px; text-align:center; } div[class="b"]{ font-weight:bold; } div[name~="a"]{ background-color:pink; } div[name|="b"]{ background-color:orange; } /* ********* Begin ******* */ div[title^="n"]{ color:blue; } div[title*="o"]{ color:red; } div[title$="t"]{ color:green; } /* ********* End ******* */ </style> </head> <body> <div name="a a1" class="a"></div> <div name="b-1" class="b" title="nice"><li>nice</li></div> <div name="b-2" class="b" title="to"><li>to</li></div> <div name="b-3" class="b" title="meet"><li>meet</li></div> <div name="b-4" class="b" title="you"><li>you</li></div> <div name="a a2" class="a"></div> </body></html>