Div+CSS 规则整理 提高效率

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


  height:450px;


  overflow:visible;????


}


三十、   CSS布局口诀 – CSS BUG顺口溜


·          IE边框若显若无,须注意,定是高度设置已忘记;


·          浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;


·          三像素文本慢移不必慌,高度设置帮你忙;


·          兼容各个浏览须注意,默认设置行高可能是杀手;


·          独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;


·          学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。


·          所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。


·          图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。


·          IE浮动双边距,请用display:inline拘。


·          列表横向排版,列表代码须紧靠,空隙自消须铭记。


 


三十一、        Web中的字体应用


总结几套实用而简单的font-family


font-family: Tahoma, Helvetica, Arial, sans-serif;


Tahoma 系的中性字体。推荐使用在13px以上的环境。


font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif;


Verdana 系的宽扁字体。推荐在11px以下环境使用。