CSS命名法

简介: 一、Css命名法:   1.驼峰命名法:除第一个单词的首字母小写之外,其余的单词首字母均大写。如:#headBlock(2).   2.帕斯卡命名法:所有单词的首字母均大写。如:#HeadBlock(3).

一、Css命名法:

  1.驼峰命名法:除第一个单词的首字母小写之外,其余的单词首字母均大写。如:#headBlock(2).

  2.帕斯卡命名法:所有单词的首字母均大写。如:#HeadBlock(3).

  3.匈牙利命名法:在名称前加上一个或多个小写字母作为前缀.如:#head_Navigation;

二、页面模块常用CSS命名

头:header 热点:hot
内容:content 新闻:news
尾:footer 下载:download
导航:nav 广告:banner
侧栏:sidebar 页面主体:main
栏目:column 子导航:subnav
页面外围包含所有元素:wrapper 菜单:menu
左右中:left、right、center 子菜单:submenu
登录条:loginbar 版权:copyright
标志:logo 友情链接:friendlinks

 

相关文章
|
前端开发 JavaScript
CSS的命名是规范的吗?应该如何优化?底层原理是什么?
CSS的命名是规范的吗?应该如何优化?底层原理是什么?
|
前端开发
BEM - 一种前端CSS命名方法论
BEM - 一种前端CSS命名方法论
|
前端开发 搜索推荐
2021前端最新DIV+CSS规范命名大全集合
2021前端最新DIV+CSS规范命名大全集合
273 0
2021前端最新DIV+CSS规范命名大全集合
|
前端开发
BEM - 一种前端CSS命名方法论
BEM - 一种前端CSS命名方法论
|
前端开发 信息无障碍 开发者
BEM —— 源自Yandex的CSS 命名方法论
人们问我最多的问题之一是在CSS类名中--和__是什么意思?它们的出现是源于BEM和Nicolas Gallagher...
187 0
BEM —— 源自Yandex的CSS 命名方法论
|
前端开发 程序员 UED
好程序员分享如何看待CSS中BEM的命名方式?
  好程序员分享如何看待CSS中BEM的命名方式?BEM的意识就是块(block)、元素(element)、修饰符(modifier),是由yandex团队提出的一种CSS Class命名方法。   任何一个东西的存在都有其存在的道理,如果他毫无价值,那么肯定会被淘汰,后人可能都不了解,甚至都不会出现在后人的世界里。
945 0
|
Web App开发 前端开发 SEO
有利于SEO优化的DIV+CSS的命名规矩
一、CSS文件命名规范 建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:  头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。
997 0
|
前端开发 容器 定位技术
|
前端开发 容器 数据安全/隐私保护
|
前端开发 容器