前端学习（二、块的划分，css选择器，命名规则）

html块的划分

画块原则: 同一个层级的元素不能既在一行上显示又在一列上显示。

css选择器

1.选择元素的后代：

.font span{color:red;}
<div class="font">
	<span>123</span>
	<div>pppp</div>
	<span>666</span>
</div>

选中font类中所有<span>标签的子元素。
实现： 父元素 子元素 中间用空格隔开。

2.子选择器:

.news>title{background-color:red;}

选中news类中标签为title的子类，与选择后代不同的是。它只选择自己子类中的元素至于子类的子类中的元素并不会选中。

3.并列选择器：

.news,title{background-color:red;}

选中带有news的类与所有title标签给他们设置背景颜色。

命名规则

1. 所有的命名最好小写。
2. 要做到见名知意。
3. 命名多过一个单词时用"-"来连接。
4. 常见的单词可以写缩写，更简洁。