div+css页面设计常用命名规范一览_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了div+css页面设计常用命名规范一览_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1834字,纯文字阅读大概需要3分钟。
内容图文
![div+css页面设计常用命名规范一览_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/396/706e51ef58c748688d5f16d564815644.jpg)
css文件名命名规范
模块:module.css 基本共用:base.css 布局、版面:layout.css 主题:themes.css 专栏:columns.css 文字:font.css 表单:forms.css 补丁:mend.css 打印:print.css页面结构元素div命名规范
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyright 滚动:scroll 内容:content 标签页:tab 文章列表:list 提示信息:msg 小技巧:tips 栏目标题:title 加入:joinus 指南:guild 服务:service 注册:regsiter 状态态:status 投票:vote 合作伙伴:partner颜色命名-使用颜色的名称或者16进制代码
.red {color: red;} .f60 {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:1px solid #fff;/*定义搜索输入框边框*/
background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/
}
2.整段注释-分别在开始及结束地方加入注释,如:
/*=====搜索条=====*/
.search {
border:1px solid #fff;
background:url(../images/icon.gif) no-repeat #333;
}
/*=====搜索条结束=====*/
以上是我们整理的关于div+css页面设计中常用的命名规范,大家在日常的页面设计中要逐步养成规范命名的好习惯。
来源:csscss.org
内容总结
以上是互联网集市为您收集整理的div+css页面设计常用命名规范一览_html/css_WEB-ITnose全部内容,希望文章能够帮你解决div+css页面设计常用命名规范一览_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。