【css】常用知识点小结

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解决