头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search ...
引子： 女孩子都喜欢买衣服，而我也不例外，奈何钱包太瘦，买不起高大上的定制，只能买撞衫率极高的休闲衣，不过对于我来说，我还是开心的，毕竟买衣服买的不仅是衣服，更是一种心情。在web前端的世界里，css里也充满了生活的艺术，都说，艺术源于生活，却高于生活，是对生活的一种升华，那么在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 版权：copyrigh...
1、顺序 class 、id 、name 2、名称 字母加破折号、尽量短、以父类为前缀、js-前缀代表行为不写入css文件 class="btn btn-red js-cry" 3、 两个空格来代替制表符
BEM是Block, Element, Modifier。 一种class的命名习惯。在这种CSS方法学中，一个block就是一个component的顶级抽象，例如一个button: .btn { }。这里的block应该被当作是一个parent，child items 或者elements, 可以被放在block里面，然后 用在block 名字的后面加两个下划线的方式来表明，例如： .btn__price { } 最后，modifier可以用来操作block, 这样我们就可以style 特定的component， 而且不会给完全不相关的mo...
单行形式书写风格的排版约束1. 每一条规则的大括号 { 前后加空格2. 多个selector共用一个样式集，则多个selector必须写成多行形式3. 每一条规则结束的大括号 } 前加空格4. 属性名冒号之前不加空格，冒号之后加空格5. 每一个属性值后必须添加分号; 并且分号后空格例如：div.test { width: 100px; height: 200px; }a:focus, a:hover { position: relative; right: 1px; }多行形式书写风格的排版约束1. 每一条规则的大括号...
大家在写css的时候，对一些html标签起一个合适的名字是个很头疼的事情，现在给大家分享项目中常用的名字供参考。 外套：wrap ——用于最外层 头部：header ——用于头部 主要内容：main ——用于主体内容 左侧：main_left ——左侧布局 右侧：main_right ——右侧布局 导航条：nav ——菜单 内容：content ——中部主体 底部：footer ——用于底部 css样式文件命名 主要的：master.css...
相信写css的人都会遇到下面的问题： 糟糕，怎么命名这个class，好像不太贴切，要是冲突了怎么办，要不要设计成通用一点... 而改别人css代码的时候则会一直有个疑问：这个class到底是只在这个地方用了，还是其他地方都用了？ 于是就有了下面的做法： 最后终于被逼出了个class，简洁也好，中英混搭也罢，看着一头雾水也没关系，反正最后页面显示出来的。 这个class应该是只有这个地方用到，我可以放心写。上线之后...
在前端开发中，规范使用 DIV+CSS 命名，可以增强团队合作提高开发效率，有利于页面后期的维护和优化。 1、页面结构 wrap：外套、包裹，用于最外层。 wrapper：外套，用于页面外围控制整体布局宽度。 box：盒子，容器。 header：头部，用于页头部分。 nav：导航，主导航。 main：主要区域，内容主体。 content/container：内容，内容容器。 sidebar：侧边栏。 footer：底部...
说明，本篇内容为书籍《高流量网站CSS开发技术》的学习总结，文字出自书本 书不错，推荐阅读学习 也可参阅网上的博文 原载:彬Go链接:http://blog.bingo929.com/css-coding-semantic-naming.html class和id是用来建立CSS到HTML文件内部的衔接 注意，有些选择器的写法应考虑浏览器兼容问题，如nth-child选择器，多class选择器.classA.classB(IE6和以前的版本不能理解) 对于元素class和id命名，有几件事要...
(一)常用的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...
看了下网站大多是 item-group 但是用_的话 我比较省力 就是写js的时候 比如 var item_group = $('item_group');像这种 我直接可以双击复制 比较省力 但是如果是 item-group 我定义var item-group会报错 我还得改名称。 而且大多数的编辑器 双击 比如 item-group 我只能选择到 item 或者 group 而 item_group 我双击就可以选择 但是为什么大多数网站依然选择 item-group 这有没有什么讲究? 还是有什么规...
自从开始做前端开发以来，我发现在开发页面的时候，总是有一个问题十分影响自己的开发效率，这个问题就是css的命名，主要是指css类选择器的命名。这个问题主要体现在：第一，有的内容你压根想不出用什么名字来给它命名，因为一般命名总是考虑语义化，好让其他人看到这个css类的名字就知道它是作用于哪一个内容的，但是由于网页内容的复杂性和多样性，你很难保证每个部分都能起一个合适的名字，即使你最终迫不得已想出了一个名字，也...
CSS样式命名整理 页面结构 容器: container/wrap整体宽度：wrapper页头：header内容：content页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column中间内容：center 导航 导航：nav导航：mainbav/globalnav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsidebar边导航图标：sidebarIcon菜单：menu子菜单：submenu标题: title 功能 标志：logo登陆：login登录条：lo...
网页制作中规范使用 DIV+CSS 命名规则，可以改善优化功效特别是团队合作时候可以提供合作制作效率，具体 DIV CSS命名规则CSS命名大全 内容篇。 常用DIV+CSS命名大全集合，即CSS命名规则 DIV CSS命名目录 命名规则说明 重要CSS命名 CSS命名参考表 命名技巧 我们开发 CSS+DIV网页（Xhtml）时候,比较困惑和纠结的事就是 CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好...