Div+CSS 规则整理 提高效率

2020-05-08 08:40:24易采站长站整理


 


二十七、        清除浮动


clearfix:after {content:”.”; display:block; height:0; clear:both; visibility:hidden;}


在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除浮动的HACK来对父级做一次定义,那么就可以解决这个问题 。


.clearfix {


  display:inline-block;


}


/* Hides from IE-mac */


* html .clearfix {


  height:1%;


}


.clearfix {


  display:block;


}


/* End hide from IE-mac */


 


**这种用法在进行图文混排时比较多,但是不太好控制,用margin配合clear{clear:both}直接来控制。


 


二十八、        文字的处理


1.        一般的字体:


font-family : “Lucida Grande”, Verdana, Lucida, Arial, Helvetica, “宋体”,sans-serif;


 


标题字体(h1/h2):font-family: Cambria, Georgia, “Times New Roman”, Times, serif;


 


2.    首字下沉:


P:first-letter{padding:10px,fontsize:32pt;float:left}


3.    拼音汉字:


<ruby>布鲁斯狼<rt style=”font-size: 11px;”>bu lu si lang</rt></ruby>


 


二十九、        Min-height多浏览器兼容问题


Div{


        min-height:450px;


  height:auto!important;