UI书写及程序配合使用规范.doc

UI书写及程序配合使用规范.docHtmkCSS的书写及配合规范一、(单或双)包括把所有v和&特殊符号用编码表示给所有属性赋一个值XHTML规定所有属性都必须有一个值,没有值的就重复本身。不要在注释内容中使”…”&图片必须有说明文字每个图片标签都必须有ALT说明文字。<!DOCTYPEhtmlPUBLIC“・//W3C////ENMn/xhtmll/DTD/xhlmll-"><!-//W3C////ENM”/html4/><!DOCTYPEHTMLPUBLIC”・//W3C////ENHn/html4/><!DOCTYPEhtmlPUBLIC“-//W3C////ENH”/xhtmll/DTD/xhtmll・">在Strict和Transitional之间进行选择的时候,要参考几个因素:如果大多数用户都使用不能是别样式表的旧式浏览器,那就不能使用Strict一一尽管我会举出支持标准比向后兼容更重要的例子。scapeOpera或者Safari,Strict就是最佳的长期选择。二、CSS文件名称、html文件名称以下为通用样式命名全局:,为页面样式基础,页面屮必须包含。结构:layoutxss页面结构类型复杂,并且公用类型较多时使用。多用在首页级页面和产品类页面中。私有:,页面屮必须包含。,将可复用类模块进行剥离后,可与其它样式配合使用。。补丁mendxss基于以上样式进行的私有化修补。现阶段根据项目情况使用自定义css文件名称更为合适whoa-loginxss在不改变页面结构的基础上进行CSS修改时whoa---+文件名的方法命名whoa-index>html whoa-、css名称位置属性(position,top,right,z-index,display,float等)2•大小(width,height,padding,margin)3•文字系歹ij(font,line-height,leMe「spacing,color-text-align等)4•背景(background,border等)5•其彳也(animation,transition等•example{.example{color:red;z-index:-1;z-index:-1;display:inline-block;background-color:#9eO;font-size:;display:inline-block;color:red;font-size:;background-color:#9e0;}}Xa/CSS有些屈性是可以缩写的,比如padding,margin,font等等,这样精简代码同时又能提高用户的阅读体验。.list-box{.list-box{border-top-style:none!; border-top:0;font-family:serif;font:100^/;font-size:100%;padding:0lem2已m;line-height:;}padding-bottom:2em;padding-left:lem;padding-right:lem;padding-top:0;}X属性缩写 、/'五、。,为什么呢?输入的吋候少按一个shift键;浏览器兼容问题(比如使用」ps的选择器命名,在IE6是无效的)能良好区分JavaScript变量命名(JS变量命名是用maintitle{color:#e3c;}main_title{color:#e