web前端|html教程
div+css页面设计常用命名规范一览
web前端-html教程
任何代码编程都有各自特点的常用命名规范,div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展,也有利于让别人读懂你的css代码,让你的页面显得清晰有条理。
html单页导航源码下载,ubuntu 网卡重定向,爬虫数据表格,php操作数据库删除员工信息,seo客户方案lzw
css文件名命名规范
音乐外链源码,vscode 大纲插件,ubuntu登录界面调出终端,tomcat管理分析,c sqlite内存表,页面生成html js插件,web前端框架学习视频,爬虫包装web服务,李炎恢php第二季,济南seo外包服务商,视频网站前端模板下载,网页相册模板,静态网页设计中文模板,页面编辑,好用客户资料管理系统 1.0 注册机,查程序代码的网址lzw
模块:module.css 基本共用:base.css 布局、版面:layout.css 主题:themes.css 专栏:columns.css 文字:font.css 表单:forms.css 补丁:mend.css 打印:print.css
flash高科技php网站源码下载,vscode代码补全好慢,ubuntu 17 壁纸,xml文件用tomcat,美国爬虫品牌,贝叶斯 php,seo优化关键词工具,华为商城网站模板,电影cms的模板怎么写lzw
页面结构元素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.jpg) no-report #333;/*定义搜索框的背景*/
}
2.整段注释-分别在开始及结束地方加入注释,如:
/*=====搜索条=====*/
.search {
border:1px solid #fff;
background:url(../images/icon.jpg) no-repeat #333;
}
/*=====搜索条结束=====*/
以上是我们整理的关于div+css页面设计中常用的命名规范,大家在日常的页面设计中要逐步养成规范命名的好习惯。
来源: