ui书写及程序配合使用规范

《ui书写及程序配合使用规范》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、HtmkCSS的书写及配合规范一、网页声明XHTML1.0和HTML4.01的区别1.所有的标记都都要闭合2.所有标签的元素和属性的名字都必须使用小写3.所有的XML标记都必须合理嵌套4.所有的属性必须用引号（单或双）包括5.把所有v和&特殊符号用编码表示6.给所有属性赋一个值XHTML规定所有属性都必须有一个值，没有值的就重复本身。7.不要在注释内容中使”…”&图片必须有说明文字每个图片标签都必须有ALT说明文字。XHTML1.0Transitional

2、w3.org/TR/xhtmll/DTD/xhlmll-transitional.dtd">HTML4.01TransitionalHTML4.01FramesetXHTML1.0Frameset

3、mlPUBLIC“-//W3C//DTDXHTML1.0Frameset//ENH”http://www.w3.org/TR/xhtmll/DTD/xhtmll・frameset.dtd">在Strict和Transitional之间进行选择的时候，要参考几个因素：如果大多数用户都使用不能是别样式表的旧式浏览器，那就不能使用Strict一一尽管我会举出支持标准比向后兼容更重要的例子。如果你的大多数用户使用的是最新版本的InternetExplorer^NetscapeOpera或者Safari,Strict就是最佳的长期选择。二、CSS文件名称、html文件名称以下为通用样式命名全局:gl

4、obal.css全局样式为全站公用，为页面样式基础，页面屮必须包含。结构：layoutxss页面结构类型复杂，并且公用类型较多时使用。多用在首页级页面和产品类页面中。私有:style.css独立页面所使用的样式文件，页面屮必须包含。模块module.css产品类页面应用，将可复用类模块进行剥离后，可与其它样式配合使用。主题themes.css实现换肤功能时应用。补丁mendxss基于以上样式进行的私有化修补。现阶段根据项目情况使用自定义css文件名称更为合适whoa-loginxss在不改变页面结构的基础上进行CSS修改时whoa-login160102.css后台存留的CSS为最新版本的

5、css同样的css有且只能有一个whoa-login160102.csswhoa-login160103.cssHTML文件名称为了更加方便清晰使用项目名+文件名的方法命名whoa-index>htmlwhoa-indexl60210.html三、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•其彳也(an

6、imation,transition等•example{.example{color:red;z-index:-1;z-index:-1;display:inline-block;background-color:#9eO;font-size:1.5em;display:inline-block;color:red;font-size:1.5em;background-color:#9e0;}}Xa/CSS有些屈性是可以缩写的，比如padding,margin,font等等，这样精简代码同时又能提高用户的阅读体验。.list-box{.list-box{border-top-style:n

7、one!；border-top:0;font-family:serif;font:100^/1.6serif;font-size:100%;padding:0lem2已m;line-height:1.6;}padding-bottom:2em;padding-left:lem;padding-right:lem;padding-top:0;}X属性缩写、/'五、连字符css选择器命名规范1.长名称或词组可以使用中横线来为