css书写规范的八个要点.docVIP

css书写规范的八个要点 在web开发中页面设计时如何使css书写规范是很重要的。正确规范的书写css样式表可以使提高网页的速度以及，各种浏览器的兼容性，以便于开发程序的人员更好的嵌入程序。对于现在的web2.0,到底怎么书写css样式表，才算是最好的，最规范的！几乎没有什么明确的规定。在整个开发的项目中，只要写出一套最适合于团队开发的最好了。当然了很多的css样式书写范是大同小异的。需要不断的去归纳总结。 根据经验总结出以下几点规范，请大家参考一下： 一所有的CSS的尽量采用外部调用:这是我认为最重要的一点,因为这影响加载页面时的速度. LINK href=style/style.css rel=stylesheet type=text/css 书写时重定义的最先，伪类其次，自定义最后（其中a:link a:visited a:hover a:actived 要按照顺序写）便于自己和他人阅读。 为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12pt 和14.7px 这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px 的字号比较合适。? 二样式名均以字母开头，后缀可包含字母、数字、下划线和中划线，样式名尽量采用通俗易懂的英文单词组成，如.img?.body-bg?#left_nav等(后附一些通用的命名标准)；对于公用的自定义样式可适当加入模块标识或comm标识,以免与独立模块样式产生冲突!三凡html内置标签及CSS属性名称均采用大写字母书写，而自定义样式名称及CSS属性值则均采用小写字母写书；如：P{...}?BODY{...}??.p1{COLOR:?red}??.li_bg{MARGIN:?0px;}?等；四能采用缩写的样式属性尽量采用缩写形式，如margin，padding，border等;（原则：上-右-下-左?--?MARGIN:?1px?2px?3px?4px??上-(右左)-下?--??MARGIN:?1px?2px?3px（上下）-（左右）--??MARGIN:?2px?4px???上右下左??--?MARGIN:?4px;??字体颜色类：??#000000??--??#000?????????#00FFDD?--??#0FD;?附：缩写参考There?are?a?lot?of?CSS?shorthand?properties.????*?font??????font:?font-style?font-variant?font-weight?font-size/line-height?font-family;????*?margin??????margin:?margin-top?margin-right?margin-bottom?margin-left;????*?padding??????padding:?padding-top?padding-right?padding-bottom?padding-left;????*?border??????border:?border-width?border-style?border-color;??????????*?border-top????????????border-top:?border-top-width?border-top-style?border-top-color;??????????*?border-right????????????border-right:?border-right-width?border-right-style?border-right-color;??????????*?border-bottom????????????border-bottom:?border-bottom-width?border-bottom-style?border-bottom-color;??????????*?border-left????????????border-left:?border-left-width?border-left-style?border-left-color;??????????*?border-width????????????border-width:?border-top-width?border-right-width?border-bottom-width?border-left-width????*?background??????background:?background-color?background-im