CSS命名法

【CSS命名法】的更多相关文章

一.Css命名法: 1.驼峰命名法:除第一个单词的首字母小写之外,其余的单词首字母均大写.如:#headBlock(2). 2.帕斯卡命名法:所有单词的首字母均大写.如:#HeadBlock(3). 3.匈牙利命名法:在名称前加上一个或多个小写字母作为前缀.如:#head_Navigation; 二.页面模块常用CSS命名头:header 热点:hot 内容:content 新闻:news 尾:footer 下载:download 导航:nav 广告:banner 侧栏:sidebar 页面主…

css命名规范： BEM 的命名法

整理自:前端早读课[第1183期]这些 CSS 命名规范,将省下你大把调试时间试图解决 3 类问题: 仅从名字就能知道一个 CSS 选择器具体做什么从名字能大致清楚一个选择器可以在哪里使用从 CSS 类的名称可以看出它们之间的联系不知你是否见过这样的类名: .nav--secondary { ... } .nav__header { ... } 这就是 BEM 命名规范. 这个火柴人代表了一个组件,比如说一个设计区块. BEM 这里的 B 意为『区块』('Block'). 在实际中,这里…

html，css命名规范（转）

HTML+CSS命名规范总结 1.HTML部分 1.1添加必须的utf-8的字符集,并且使用HTML5的简洁方式: <meta charset="utf-8"> 1.2遵循xhtml1.0规则 1)所有标签必须结束 2)所有标签必须小写 3)标签属性必须使用成对引号(单引号或双引号) 4)标签属性必须有值: 5)所有特殊符号必须转义 1.3标签属性命名规范 Id:连接符命名法"hello-world" Class:连接符命名法"hello-w…

常用的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 版权:co…

[css] 【转载】精简高效的CSS命名准则/方法

原文链接:http://www.zhangxinxu.com/wordpress/2010/09/%E7%B2%BE%E7%AE%80%E9%AB%98%E6%95%88%E7%9A%84css%E5%91%BD%E5%90%8D%E5%87%86%E5%88%99%E6%96%B9%E6%B3%95/ 一.“无”的哲学佛家讲究“因果报应”,有果必有应.此段看似与主题没有血缘关系,实际讲的是“因”. 我个人比较喜欢老子的道家思想,并喜欢以其思想解释学习与工作中遇到的一些问题.例如我之前写过的“…

知乎网的CSS命名规律研究

笔者是一名Java程序员,前端css和图片本不是我的工作,亦不是我的强项.但很多时候,公司并没有合适的美工,只有自己动手.一般的css技术,倒是没有问题,定位,盒子,浮动,布局等等,都能做.但每每完成,自己审视一遍,总有一种零零散散的感觉,可维护性很差.究其原因,发现更多的是命名的问题.命名随意任性,前期规划不详细,后期改动多,导致class可读性差,重用性更差.就像下面: 压根就看不懂这些元素大概是什么意思.语义性差.这里的hd,bd,别的地方似乎也可以使用. 因此,笔者决心研究一下大网站的做…

CSS命名方法(笔记)

划分CSS的一些方法(不同的划分方法都有利与弊,要记住,最合适项目的才是最好的): ①按功能划分:将字体的CSS存放在font.css.将控制颜色的CSS存放在color.css.将控制布局的CSS存放在layout.css. ②按区块划分:将头部的CSS存放在header.css.将底部的CSS存放在footer.css.将侧栏存放在sidebar.css.将主题存放在main.css. ③base.css+common.css+page.css(一般情况下推荐用这种方法):将一个网站的所有样…