引用css命名规范

引用css命名规范

ID:30913709

大小:209.66 KB

页数:20页

时间:2019-01-04

引用css命名规范_第1页
引用css命名规范_第2页
引用css命名规范_第3页
引用css命名规范_第4页
引用css命名规范_第5页
资源描述:

《引用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、〉天幻网六周年天幻网六周年天幻网六周年天幻网六然后在css中定义span为右浮动,实现了日期和标题分两侧显示的效果hl-h6:标题hl-h6根据重要性依次递减hl位最重要的标题label:为了使你的表单更有亲和力而且还能辅助表单排版的好东西,例如:〈inputtype二"password"name二"password"id二"user-password"/>fieldset&legend:f订dset套在表单外,legend用于描

4、述表单内容。例如:

title密码
dl,dt,dd:当页甸中出现第一行为类似标题/简述,然后下面为详细描述的内容时应该使用该标签,例如
〈dt>什么是CSS?
CSS就是一种叫做样式表(stylesheet)的技术

5、。也有的人称Z为层叠样式表(CascadingStylesheet)。

什么是XHTML?
XHTML是一个基于XML的置标语言,看起来与HTML有些想像,只有一些小的但重耍的区别。可以这样看,XHTML就是一个扮演着类似HTML的角色的XML。本质上说,XHTML是一个桥接(过渡)技术,结合了XML(有几分)的强大功能及HTML(大多数)的简单特性。
CttcontentSttsubcolMttmaincolX#xcol这是纵向布局的XHTML结构,c-smx表

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.

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。