1. 凡是带有inline的元素,都有文字特性。
2. 盒模型可视宽高计算,不算margin,算 padding+boder+content:width|height
3. 定位:position (都配合left|right|top|bottom进行定位)
1).absolute 脱离原来位置进行定位(三维立体,Z轴定位) 相对于最近的有定位的父级进行定位,如果没有,那么相对于文档进行定位
2).relative 保留原来位置进行定位(相对X,Y,Z轴进行定位) 相对于自己原来的位置进行定位
小结:relative作为参照物(不妨碍其他布局),absolute去定位
3).fixed 固定定位
4.广告位居中一般写法:
{
position:fixed;
left:50%;
top:50%;
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
}
5. em的计算 em=1*font-size
6. 元素分类
1)行级元素:内容决定元素所占位置,不可以通过css改变宽高
常见行级元素:span strong em a del
2)块级元素:独占一行,可以通过css改变宽高
常见块级元素:div p ul li ol form address
7. 浮动元素及其清除
1)浮动元素产生了浮动流 ----所有产生了浮动流的元素,块级元素看不到他们,产生了bfc的元素和文本类属性(inline)的元素以及文本都能看到浮动元素
2)使用 clear:both 清除浮动流,不影响后续元素
8. margin塌陷 | 合并 - - - 触发父级元素的bfc解决