欢迎来到天天文库
浏览记录
ID:30913709
大小:209.66 KB
页数:20页
时间:2019-01-04
《引用css命名规范》由会员上传分享,免费在线阅读,更多相关内容在工程资料-天天文库。
1、引用css命名规范一.文件命名规范全局样式:global,css;框架布局:layout,css;字体样式:font,css;链接样式:link,css;打印样式:print,css;二.常用类/ID命名规范页眉:header内容:content容益:container页脚:footer版权:copyright导航:menu主导航:mainMenu子导航:subMenu标志:logo标语:banner标题:title侧边栏:sidebar图标:lcon注释:note搜索:search按钮:btn登录:login
2、链接:link信息框:manage常用的css命名规则:头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:column页面外1卞1控制整体布局宽度:wrapper比如user-list左右中:leftrightcenter命名全部使用小写字母,如果需耍多个单词,单词间使用分隔,常用代码结构:div:主要用于布局,分割页U1J的结构ul/ol:川于无序/有序列表span:没有特殊的意义,可以用作排版的辅助,例如<1i>(4.23)
3、〉天幻网六周年天幻网六周年天幻网六周年天幻网六1i>然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果hl-h6:标题hl-h6根据重要性依次递减hl位最重要的标题label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,例如:〈inputtype二"password"name二"password"id二"user-password"/>fieldset&legend:f订dset套在表单外,legend用于描
4、述表单内容。例如:
5、。也有的人称Z为层叠样式表(CascadingStylesheet)。
6、示网页有三个纵栏,c-sm表示有两个纵栏,c-mx表示有两个纵栏其中一个是附属的,c-m表示一个纵栏。其屮在三纵栏的布局需要分为两层第一层是#subcol与#nmin第二层是#main中的Wmaincol^#xcolo白定义命名:根据w3c网站上给出的,故好是用意义命名比如:是垂要的新闻高亮显示(像红色)有两种.red{color:red}.important-news{color:red}很显然第二种传达的意义更加明确,所以尽量不要川意义不明确的作为自己自定义的名字。常用类的命名应尽量以常见英文单词为准,做到
7、通俗易懂,并在适当的地方加以注释。对于二级类/TD命名,则采用组合帖写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchTnput”、“搜索图标”命名这“searchicon”、“搜索按钮”命名为“searchBtnXHTML-CSS写作建议1.所有的xhtml代码小写2.属性的值一定耍用双引号(”)括起来,口一定耍有值3.每个标签都要仃开始和结束,H要令正确的层次4.空元索要有结束的tag或于开始的tag后加上〃/〃1.农现与结构完全分离,代码中不涉及任何的表现元素,如style、fon
8、t、bgColor>border等2.到
此文档下载收益归作者所有