CSS基础选择器测试用例
2017-06-23 14:44
375 查看
这是一段测试CSS基础选择器的代码，我们都知道基础选择器有HTML标签选择器，id选择器，class类选择器。如何巧妙使用类选择器可以大大简化代码量。
代码经过浏览器执行后的效果如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--<link rel="stylesheet" type="text/css" href="008css.css">-->
<title>CSS</title>
<style type="text/css">
* {
font-size: 30px;
}
.green {
color: green;
}
.big {
font-size: 80px;
}
.under {
text-decoration: underline;
}
#idse {
color: blue;
}
</style>
</head>
<body>
<div class="big green">段落1</div>
<div class="under green">段落2</div>
<div class="big under">段落3</div>
<span class="red">红色的字</span>
<h1 style="color: yellow;">大标题</h1>
<div id="idse">id选择器</div>
</body>
</html>代码经过浏览器执行后的效果如下：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 