本文是CSS学习笔记的第二部分，主要涵盖了Emmet语法、后代选择器、子选择器、并集选择器、伪类选择器、focus伪类、复合选择器的总结。还详细讨论了元素的显示模式、垂直居中技巧、背景颜色、背景图片、平铺、方位名词、固定背景以及背景属性的半透明设置，为CSS初学者提供全面的基础知识讲解。
Emmet语法
<head>
<style>
.one {
/* w100 */
width: 100px;
/* tac */
text-align: center;
}
</style>
</head>
<body>
<div></div>
<table></table>
<!-- div*5 -->
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<!-- ul*li -->
<ul>
<li></li>
</ul>
<!-- div>span -->
<div><span></span></div>
<!-- div.nav -->
<div class="nav"></div>
<!-- .demo$*5 -->
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>
<div class="demo4"></div>
<div class="demo5"></div>
<!-- div{我是} -->
<div>我是</div>
<!-- div{我是$}*5 -->
<div>我是1</div>
<div>我是2</div>
<div>我是3</div>
<div>我是4</div>
<div>我是5</div>
</body>
注释是我们输入的，我们按下tab键就可以直接生成下面我们需要的标签，这个功能还有很多用法，这里就不一一列举了，在开发过程中，这个功能可以很好的加快我们的开发效率。下面是使用的一些总结：
后代选择器（包含选择器）
<!DOCTYPE html>
<html lang="en">
<head>
<style>
/* 把ol里面的li选择来改为bule色 */
ol li {
color: blue;
}
/* 选择ol里面的
最低0.47元/天 解锁文章
664
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
