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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。