cssdiv常用命名规范

cssdiv常用命名规范

ID:44714008

大小:37.00 KB

页数:4页

时间:2019-10-25

cssdiv常用命名规范_第1页
cssdiv常用命名规范_第2页
cssdiv常用命名规范_第3页
cssdiv常用命名规范_第4页
资源描述:

《cssdiv常用命名规范》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、css_div+css页面设计常用命名规范一览67天1小时8分钟前来源:cssfan.cn本文同时发布到:css(X)HTML&CSS任何代码编程都有各自特点的常用命名规范,div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展,也有利于让别人读懂你的css代码,让你的页面显得清晰有条理。css文件名命名规范·模块:module.css·基本共用:base.css·布局、版面:layout.css·主题:themes.css·专栏:columns.css·文字:font.css·表单:forms

2、.css·补丁:mend.css·打印:print.css页面结构元素div命名规范·头:header  ·内容:content/container  ·尾:footer  ·导航:nav  ·侧栏:sidebar·栏目:column  ·页面外围控制整体布局宽度:wrapper  ·左右中:leftrightcenter  ·登录条:loginbar  ·标志:logo  ·广告:banner  ·页面主体:main  ·热点:hot  ·新闻:news·下载:download  ·子导航:subnav  ·菜单:m

3、enu  ·子菜单:submenu  ·搜索:search  ·友情链接:friendlink  ·页脚:footer  ·版权:copyright  ·滚动:scroll  ·内容:content·标签页:tab·文章列表:list·提示信息:msg·小技巧:tips·栏目标题:title·加入:joinus·指南:guild·服务:service·注册:register·状态:status·投票:vote·合作伙伴:partner颜色命名-使用颜色的名称或者16进制代码·.red{color:red;}·.f60{

4、color:#f60;}·.ff8600{color:#ff8600;}字体大小命名-直接使用“font+字体大小”作为名称·.font12px{font-size:12px;}·.font9pt{font-size:9pt;}对齐样式命名-使用对齐目标的英文名称·.left{float:left;}·.bottom{float:bottom;}标题栏样式命名-使用“类别+功能”的方式命名·.barnews{}·.barproduct{}注释书写规范1.行间注释-直接写于属性值后面,如:.search{border:1

5、pxsolid#fff;/*定义搜索输入框边框*/background:url(../images/icon.gif)no-report#333;/*定义搜索框的背景*/}2.整段注释-分别在开始及结束地方加入注释,如:/*=====搜索条=====*/.search{border:1pxsolid#fff;background:url(../images/icon.gif)no-repeat#333;}/*=====搜索条结束=====*/以上是我们整理的关于div+css页面设计中常用的命名规范,大家在日常的页面设

6、计中要逐步养成规范命名的好习惯。2.整段注释-分别在开始及结束地方加入注释,如:/*=====搜索条=====*/.search{border:1pxsolid#fff;background:url(../images/icon.gif)no-repeat#333;}/*=====搜索条结束=====*/以上是我们整理的关于div+css页面设计中常用的命名规范,大家在日常的页面设计中要逐步养成规范命名的好习惯。

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

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

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