Day04总结

块级元素的特点：

• 可以直接写宽和高
• 独占一行
• 默认宽度就是父级标签的宽度。
• 一般用于作为容器布局，可以嵌套其它块级元素或者行内元素。
  注意：<p>标签不要包裹其他块级元素！

行内元素的特点：

• 可以写宽和高，但是宽高不起作用，内容是多大，它就撑多大。
• 可以允许其他行内元素排成一排。
• 内容有多大就撑多大，没有内容大小就为0。
• 一般用来包裹文字或者做一些小的装饰。
  注意：行内元素不要嵌套块级元素，但是<a>标签这个行内元素可以前台块级元素。参考手机端的页面。

行内块元素的特点

• 行内块元素是特殊的行内元素，你可以把行内元素看作是一种特殊的文本，行内元素修饰文本，当然行内快元素也会被当作文本来修饰。

• line-height和height相等不能控制图片（行内元素）的垂直居中。只能控制单行文本垂直居中。

交集选择器

形如div.father{color:red}，意思为标签为div且里面的类为father的内容颜色为红色；
当然也可以换另外的一种形式，两个类选择器的搭配：.类选择器1.类选择器2，只要有class = 类选择器1 + 空格 + 类选择器2的内容，就会被选中。

并集选择器

是将所有的标签内容设置为同一种样式。div,p{…}
注意选择器的搭配，选择器选择器，顾名思义就是用来选中元素的。先熟悉基础的选择器，再熟悉复合选择器，复合选择器都是由基础选择器组合而来的。