您的位置：首页 > Web前端 > CSS

【教程】html+css零基础入门教程之CSS选择器（二十五）

2017-11-23 00:00 92 查看


CSS 元素选择器

CSS 元素选择器
CSS元素选择器其实就是标签选择器，例如 
p{color:black;} 
就是设置页面中的所有p标签的字体颜色为黑色。
例子：
<html>
<head>
<style type="text/css">
html {color:black;}
h1 {color:blue;}
h2 {color:silver;}
</style>
</head>
<body>
<h1>这是 heading 1</h1>
<h2>这是 heading 2</h2>
<p>这是一段普通的段落。</p>
</body>
</html>

在例子中设置了html的字体颜色为黑色，h1标签的字体为蓝色, h2标签内的字体为灰色。
页面显示时，因为h1,h2标签各自都有设置了字体颜色，所以显示的是对应的蓝色和灰色。
p标签因为没有设置对应的字体颜色，这时候p标签的字体颜色就是p标签上一层的字体颜色，p标签的上一层是body标签，但是也没设置字体颜色，所以查找body的上一层html，html设置了字体的颜色为黑色，所以p标签的字体也应该是黑色。

练习题

1、html {color:black;} body {color:blue;},设置了以上的两个样式，页面的字体颜色是？（）

A、黑色

B、蓝色

2、想要把标签h3,ul中的字体都定义为白色，正确的写法是？（）

A、h3{color:white;} ul{color:white;}

B、h3{color:white;},ul{color:white;}

C、h3 ul{color:white;}

D、h3,ul{color:white;}

请把你的答案写在留言区~

相关文章

【教程】html+css零基础入门教程（一）

【教程】html+css零基础入门教程（二）

【教程】html+css零基础入门教程（三）

【教程】html+css零基础入门教程（四）

【教程】html+css零基础入门教程（五）

【教程】html+css零基础入门教程（六）

【教程】html+css零基础入门教程（七）

【教程】html+css零基础入门教程（八）

【教程】html+css零基础入门教程（九）

【教程】html+css零基础入门教程（十）

【教程】html+css零基础入门教程（十一）

【教程】html+css零基础入门教程（十二）

【教程】html+css零基础入门教程（十三）

【教程】html+css零基础入门教程（十四）

【教程】html+css零基础入门教程之CSS尺寸（十五）

【教程】html+css零基础入门教程之CSS边框（十七）

【教程】html+css零基础入门教程之CSS外边距（十八）

【教程】html+css零基础入门教程之CSS
外边距合并（十九）

【教程】html+css零基础入门教程之CSS
布局（二十）

【教程】html+css零基础入门教程之CSS
定位（二十一）

【教程】html+css零基础入门教程之CSS
相对定位（二十二）

【教程】html+css零基础入门教程之CSS
绝对定位（二十三）
【教程】html+css零基础入门教程之CSS
浮动（二十四）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航