# CSS-画骨-书写规范 ## 通用写法 - 调用： * 用<link>的方法调用css样式 * 尽量避免使用@import调用方法 * 避免使用行内样式 * 避免在html页面中书写样式 - css rest - 尽量避免使用css hack * hack for IE6 _color:red; * hack for IE7 IE6: +color:red; * hack for IE8 IE7 IE6 : color:red\9; * hack for IE9 IE8 IE7 IE6 : color:red\0; - 注意浏览器私有属性的书写 - 建议书写顺序： a、显示属性 display | list-style | position | float | clear | cursor … b、盒模型（自身属性） width | height | margin | border | padding c、文字 color | font d、文本属性 vertical-align | white-space | text-decoration | text-align | content … e、背景 background f、内容管理、层级 overflow | z-index | zoom - 在制作页面时，需先去basic文件中查询是否已经存在设计图中的组件，如果有，直接调用；如果没有，添加相应组件。 - 若遇到高度重复的组件，则提取至公共组件文件中，若只是本页面组件，则提取至当前页面css。组件用common注释。 ## MIRROR CSS - 预设 - 标签重置 - 预设方法 .f- - 布局 .g- - UI .ui- - 通用模块 .m- - 详细 - 其他class名 id名 全部用“英文小写”或“小驼峰命名法”。 - js通过js属性进行调用 ： 尽量脱离标签，样式名等 - z-index： * 置顶，侧漂： 100 - 150 * 常规定位：10-50 - margin 向下写 一般情况下，盒子之间的上下间距，使用margin-bottom进行定位。 - text-index: 取值尽量小，禁止出现-9999px类似情况