Div+CSS 规则整理 提高效率

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


u      2个组合的单词不用中杠和下划线可以将第二个单词的首字母大写(eg:mainContent);


u      尽量不缩写,除非一看就明白的单词.


3.    主要的站点css文件


         主要的 master.css


  模块 module.css


  基本共用 base.css(root.css)


  布局,版面 layout.css


  主题 themes.css


  专栏 columns.css


  文字 font.css


  表单 forms.css


  补丁 mend.css


  打印 print.css


     


十八、   Padding影响宽度问题


      如果一组要嵌套的标签之间需要些间距的话,那就留给位于里面的标签的margin属性吧,而不要去定义位于外面的标签的padding


 


十九、   完美的单象素外框线表格


      table{border-collapse:collapse;}


td{border:1px solid #000;}


 


二十、   如果文字过长,则将过长的部分变成省略号显示


<style=”width:120px;height:50px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap”>


 


二十一、        并不是所有样式都要简写


       当样式表前定义了如p{padding:1px 2px 3px 4px}时,在后续工程中又增加了一个样式上补白5px,下补白6px。我们并不一定要写成p.style1{padding:5px 6px 3px 4px}。可以写成p.style1{padding-top:5px;padding-right:6px;},你可能会感觉这样写还不如原来那样好,但你想没想过,你的那种写法重复定义了样式,另外你可以不必去找原来的下补白与左补白的值是多少!如果以后前一个样式P变了话,你定义的p.style1的样式也要变。(此种方法对后期修改样式很重要)