css总结

1引入方式：1）外部样式<link rel="stylesheet" type="text/css" href=""/>

　　　　　　2）嵌入样式<style type="text/css">  p{}

　　　　　　3)内联样式<p style="">

　　　　　　4)优先级：3）>2)>1)

2选择器：id class 元素  伪类  伪对象  属性选择器  通配符   子选择器   包含选择器

3盒子模型：margin  padding   border   content  

4布局： position  float  table  z-index  (一般优先使用float)

5 .BFC产生它的条件：1）float:除了none

　　　　　　　　　　2）overflow：auto，hidden，scroll

　　　　　　　　　　3）display：table-cell，table-caption，inline-block

　　　　　　　　　　4）position：fixed，absolute

　　　　　　　　　　作用：清除浮动，margin重叠

6清除浮动：

　　　　　　1）after伪对象 

　　　　　　2）新加元素

　　　　　　3）父级BFC

7              1）水平居中：margin：auto      text-align（针对内嵌元素）   position       占位

　　　　　　2）垂直居中：vertical-align（表单小部件）   line-height    position    padding

8画三角：border

9左侧固定，右侧自适应：

　　　　　　1）第一个浮动，第二个margin-left：大于第一个的宽度

　　　　　　2）用定位，再index

转载于:https://www.cnblogs.com/wangxiaobo/p/3981178.html