CSS3选择器-基础选择器

第1关:CSS基础选择器相关概念

1、id选择器使用( )进行标识,后面紧跟id名  D.#

2、类选择器使用( )进行标识,后面紧跟class名。  C. .

3、CSS选择器的优先级从高到低分别为,通用选择器、标签选择器、类选择器、ID选择器 B.错误

第2关:通用选择器

任务描述

本关任务:使用通用选择器设置文字样式。

编程要求

请在右侧编辑器的Begin - End区域内使用通用选择器对文本进行样式设置,具体要求是: 1.先将文本字号大小值设置为100px 2.再将文本颜色属性值设置为#D33E2A。




 	
   
   
   


G
o
o
g
l
e

第3关:标签选择器

任务描述

本关任务:使用标签选择器设置文字样式。

编程要求

请在右侧编辑器的Begin - End区域内使用标签stong选择器对文本进行样式设置,具体要求是: 1.先将文本字号大小值设置为100px 2.再将文本颜色属性值设置为#D33E2A。




 	  
   
   
   
   


G
o
o
g
l
e

第4关:文字Google结构设计

任务描述

本关任务:设置文字Google的主体结构。

编程要求

请在右侧编辑器的Begin - End区域内编辑字母,具体要求是:

1.第一个字母为G,使用strong标签作用,类名为blue

2.第二个字母为o,使用strong标签作用,类名为red

3.第三个字母为o,使用strong标签作用,id名为orange

4.第四个字母为g,使用strong标签作用,类名为blue

5.第五个字母为l,使用strong标签作用,id名为green

6.第六个字母为e,使用strong标签作用,类名为red




文字Logo



 G
o
o
g
l
e 
 

第5关:文字Google样式设计

任务描述

本关任务:使用类选择器和id选择器设置文字样式。

编程要求

请在右侧编辑器的Begin - End区域内设置各字母的样式,具体要求是: 1.类名为blue的元素对应的文字颜色值为#2B75F5 2.类名为red的元素对应的文字颜色值为#D33E2A 3.id名为orange的元素对应的文字颜色值为#FFC609 4.id名为green的元素对应的文字颜色值为#00A45D




文字Logo




G
o
o
g
l
e

 

你可能感兴趣的:(educoder,Web前端,css3,css,linq)