第1关:CSS 元素选择器
任务描述
在完成本实训之后,你将掌握元素选择器、类选择器和id选择器这三种基础选择器。你将会学会独立制作如下新闻主页页面:
本关任务:熟悉元素选择器,使用属性选择器修改文档样式。
任务实现效果如图:
相关知识
元素选择器
最常见和易理解的CSS选择器是元素选择器,又称为类型选择器。也就是将HTML文档中的元素,直接作为选择器使用。
例如对于HTML页面:
标题1
标题2
普通段落中删除的引用。
使用元素选择器添加元素样式:
显示效果如下:
当我们指定一个元素,并设置样式属性之后,文档中该元素便会应用样式。例如,我们设置p元素的颜色为灰色(grey),在没有其他样式覆盖的情况下,文档中所有的p元素都将为灰色。
如果想要多种元素应用同一样式,可以直接使用组合元素选择器。将多个要应用样式的元素用逗号隔开,例如:
例如对于HTML页面:
组合选择器
组合选择器,可以将样式同时运用于多个元素。