常用的CSS命名规则
网页设计中常用的CSS命名规则:
头: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
(二)注释的写法:
/* Footer */ 内容区 /* End Footer */
(三)id的命名:
(1)页面结构
容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center
(2)导航
导航:nav 主导航:mainbav 子导航:subnav 顶导航:topnav 边导航:sidebar 左导航:leftsidebar 右导航:rightsidebar 菜单:menu 子菜单:submenu 标题: title 摘要: summary
(3)功能
标志:logo 广告:banner 登陆:login 登录条:loginbar 注册:regsiter 搜索:search 功能区:shop 标题:title 加入:joinus 状态:status 按钮:btn 滚动:scroll 标签页:tab 文章列表:list 提示信息:msg 当前的: current 小技巧:tips 图标: icon 注释:note 指南:guild 服务:service 热点:hot 新闻:news 下载:download 投票:vote 合作伙伴:partner 友情链接:link 版权:copyright
(四)class的命名:
(1)颜色:使用颜色的名称或者16进制代码,如
.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; }
(2)字体大小,直接使用”font+字体大小”作为名称,如
.font12px { font-size: 12px; } .font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; } .bottom { float:bottom; }
(4)标题栏样式,使用”类别+功能”的方式命名,如
.barnews { } .barproduct { }
注意事项::
1.一律小写;
2.尽量用英文;
3.不加中杠和下划线;
4.尽量不缩写,除非一看就明白的单词.
主要的 master.css
模块 module.css
基本共用 base.css
布局,版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css本文转自 K1two2 博客园博客,原文链接:
http://www.cnblogs.com/k1two2/p/4993522.html
,如需转载请自行联系原作者
常用的CSS命名规则相关推荐
- web标准化设计:常用的CSS命名规则
常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左 ...
- [转]常用的CSS命名规则
(壹)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrappe ...
- 网页制作中规范使用DIV+CSS命名规则(转)
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则内容如下: 页头:header 如:#header{属性:属性值;}或.h ...
- CSS命名规则--参考表
CSS命名规则--参考表 **************************************************** CSS命名规则 ************************** ...
- DIV+CSS 之 网页切图过程中div+css命名规则
网页切图过程中div+css命名规则 内容:content/container 导航:nav 侧栏:sidebar 栏目:column 标志:logo 页面主体:main 广告:banner 热点:h ...
- html css 命名规范,浅谈css命名规则(新手必看)
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left rig ...
- AD的命名规则 AD常用产品型号命名规则
AD的命名规则 AD常用产品型号命名规则 DSP信号处理器 放大器工业用器件通信 电源管理 移动通信 视频/图像处理器等 模拟A/D D/A 转换器 传感器 模拟器件 A ...
- 软件开发版本号常用的简洁命名规则和方案
软件开发版本号常用的简洁命名规则和方案 一, 一般版本号命名的简洁规则:三段式命名规则 软件版本号命名一般采用三段式命名规则,三段式命名规则也是最常用的规则,大体上,如某个版本的a.b.c,具体 ...
- 机械坑(长期更新):接触到的常用标准件,命名规则和商家
机械坑(长期更新):接触到的常用标准件,命名规则和商家 最近接触到的常用标准件,命名规则和商家 STS/STPD圆弧齿同步带 HTD圆弧齿同步带 同步带轮 钢丝螺套 标准沉头/圆头螺丝 平垫圈 轴承 ...
最新文章
- yum 搭建 LNMP
- SOC(网络安全管理平台)
- SpringBoot+MyBatisPlus+ElementUI一步一步搭建前后端分离的项目(附代码下载)
- java保存数字_Java:JFormattedTextField保存数字
- linux超级工具,linux运维超级工具--sysdig
- react学习(59)--this.props语法糖
- 开源 php 报表,php网站流量统计系统-开源系统 | 学步园
- 【C语言】在线OJ题 BC122-BC139-牛客网编程初学者入门训练
- 潜谈IT从业人员在传统IT和互联网之间的择业问题(上)-传统乙方形公司
- windows 安装python2.7
- 常州模拟赛d3t2 灰狼呼唤着同胞
- 动态添加上传控件,并上传文件
- Linux 系统批量安装字体的方法
- oracle查询 view,oracle view
- Python将多个excel文件合并为一个文件
- 个人经典音乐收藏(五)love to be loved by you,Marc Terenzi
- A Survey on Knowledge Graphs___Representation, Acquisition and Applications.知识图谱综述:表示,获取,应用
- AI芯片产业生态及竞争格局:英伟达、谷歌、BAT实力拆解对比
- 【笔记】编译Android版的Chrome手册
- 解决Idea Maven生成的jar运行出现“没有主清单属性”问题