CSS命名规范(建议版)(转)
头 部:header
主 导 航:mainNav
子 导 航:subNav
顶 导 航:topNav
网站标志:logo
大 广 告:banner
页面中部:mainBody
底 部:footer
菜 单:menu
菜单内容:menuContent
子 菜 单:subMenu
子菜单内容:subMenuContent
搜 索:search
搜索关键字:keyword
搜索范围:range
标签文字:tagTitle
标签内容:tagContent
当前标签:tagCurrent/currentTag
标 题:title
内 容:content
列 表:list
当前位置:currentPath
侧 边 栏:sidebar
图 标:icon
注 释:note
登 录:login
注 册:register
列 定 义:column_1of3 (三列中的第一列)
column_2of3 (三列中的第二列)
column_3of3 (三列中的第三列)
外 套: wrap
主导航: mainnav
子导航: subnav
页 脚: footer
整个页面: content
页 眉: header
页 脚: footer
商 标: label
标 题: title
主导航: mainbav(globalnav)
顶导航: topnav
边导航: sidebar
左导航: leftsidebar
右导航: rightsidebar
旗 志: logo
标 语: banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单: submenu
边导航图标:sidebarIcon
注释: note
面包屑: breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: Login
功能区: shop(如购物车,收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写:
<-- Footer -->
内容区
<-- End Footer -->
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
转载于:https://www.cnblogs.com/jianjunyue/archive/2010/04/21/1717186.html
CSS命名规范(建议版)(转)相关推荐
- css命名规范和书写规范
1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(f ...
- css宋体代码_前端开发必备的CSS命名规范与常用CSS代码集合
编辑 | web前端开发 来源 | web前端开发 我们在用html+css进行网页的排版布局时,经常会遇到CSS命名,如果是在团队多人协作开发时,团队里都会有自己的命名规范与要求. 但如果是自己在个 ...
- 来自Mozilla的CSS书写规范建议
一个来自Mozilla的CSS书写规范建议,希望对大家有帮助 引用内容 //显示属性 display list-style position float clear //自身属性 width heig ...
- 我认为最节省时间的CSS命名规范
CSS命名规范一 js中对变量的命名最好使用camel case驼峰式命名法,但CSS中更适用于red-box命名规范. CSS命名规范二 BEM命名规范 B=>block E=>elem ...
- 关于css命名规范一些小技巧或经验
前言 通过前边自己进行了一周自适应招聘官方网站PC端和移动端的开发,自己在开发过程中也遇到了一些css命名规范的令人头疼的事情,自己回过头来看自身的代码认真思考并总结了一些不成熟的经验,下文将向大家介 ...
- 【Python】标识符 ( Python 标识符命名规则 - 强制性 | 内容限定 | 大小写敏感 | 非关键字 | Python 标识符命名规范 - 建议性 | 下划线命名法 | 英文字母全小写 )
文章目录 一.Python 标识符 1.Python 标识符命名规则 ( 强制性 ) 2.Python 标识符命名规范 ( 建议性 ) 二.代码示例 1.内容限定代码示例 2.大小写敏感 3.非关键字 ...
- html语言书写注意事项,CSS命名规范参考及书写注意事项
CSS书写顺序 *{ /*显示属性*/ display position float clear cursor - /*盒模型*/ margin padding width height /*排版*/ ...
- div+css命名规范大全
网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率, 我们开发DIV+CSS网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么 ...
- [转]HTML DIV+CSS 命名规范大全
原文链接 常用DIV+CSS命名大全集合,即CSS命名规则 我们开发CSS+DIV网页(Xhtml)时候,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法. ...
最新文章
- printf语句中包含'\0'字符的处理
- 【响应式Web前端设计】CSS3伪类与伪元素的区别
- 为什么 K8s 在阿里能成功?| 问底中国 IT 技术演进
- JAVA中char占用多少字节_Java中char占用几个字节
- JZOJ 4919. 【NOIP2017提高组模拟12.10】神炎皇
- ITK:通过包装填充图像
- [pytorch、学习] - 5.7 使用重复元素的网络(VGG)
- 容器化时代我们应当选择Kubernetes
- java内存泄漏案例_寻找内存泄漏:一个案例研究
- 在Hadoop集群上,搭建HBase集群
- Python常用的字符串操作
- 大一微积分笔记整理_大一高等数学学习方法
- 那款软件可以测试平板电脑性能,性能测试和应用体验
- 计算机系统繁体环境,繁体简体转换
- 数据库备份的方式有哪些
- excel打开很慢_从海量Excel文件中快速高效地提取数据
- s8 android 8.0变化,三星s8何时能更新android8.0
- 美团圈圈是什么?美团圈圈介绍,美团圈圈是什么平台?
- 电脑管理android手机版下载安装,airdroid下载
- 跨品种套利 (期货)
热门文章
- 前端学习(2987):vue+element今日头条管理--案例演示
- 前端学习(2985):一文理解数据劫持3观察者模式
- 工作392-选择Hbuilder x导入项目
- [html] web workers有用过吗?能帮我们解决哪些问题?
- [js] callee和caller的区别和作用是什么?
- 前端学习(1927)vue之电商管理系统电商系统之美化一层循环的UI结构for循环渲染第三层结构
- git学习(9):git 添加 ssh keys 出现如下错误
- 树莓派使用STEP4:安装vim
- Linux tm time_t timeval timespec以及与时间相关函数用法
- (转)Thrift在Windows及Linux平台下的安装和使用示例