day0301

day0301

高度塌陷

当所有子元素浮动了之后，这些子元素是不占位的，所以父元素的高度为0
解决方法（共8种）

1. 给父元素添加overflow:hidden;

2. 给父元素添加高度

元素类型

把所有的HTML标签，根据CSS的显示可以进行分类

块元素

特点：

1. 默认竖着排列，独占一行
2. 支持宽度和高度属性且生效
3. 可以作为其他元素的容器，但是p和标题h1~h6特殊
   p只能包行内元素和行内块元素，不能包自己，也不能包其他块元素
   h1~h6不能自己包自己，也不能包同类

常见的块元素div p h1-h6 ul li ol li dl dt dd等

行内元素

特点：

1. 默认横着排列
2. 设置宽度、高度、line-height属性不生效
3. 默认情况下，可以识别回车为空格
4. 对于margin padding的属性上下间距支持不完善

常见的行内元素span a i em b strong等

行内块元素

特点：
既有行内元素的特点，又有块元素的特点
默认既横着排列，又可以支持
常见的行内块元素 img input textarea等

元素类型的转换

display属性，可以进行元素类型的转换

1. display:block;转换为块元素
2. display:inline;转换为行内元素
3. display:inline-block;转换为行内块元素
4. display:none;转换为没有，可以做隐藏效果
   隐藏之后内容和位置都不在，彻底隐藏

版心

最大1200px

选择器

后代选择器 空格

相邻兄弟选择器+（紧挨着的)
权重算和

.header img+img{
	float:right;
}

字间距
letter-spacing

（英文）词间距
word-spacing