BEM 是block（块）、element（元素）和modifier（修饰符）的简写，它是一个很好用的命名约定。能够让你的前端代码变得更加容易理解和严密，接下来我们就来看一看bem命名规范具体是怎样的。1 什么是 BEM 命名规范Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健...
写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里总结一个CSS书写规范、CSS书写顺序供大家参考这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。一、CSS书写顺序1.位置属性(position, top, right, z-index, display, float等)2.大小(width, height, padding, margin)3.文字系列(font, line-height, letter-spacing, color- tex...
本文主要和大家分享CSS 命名规范可以节约 Debug 时间的相关知识，感兴趣的朋友一起看看吧，希望能帮助到大家。Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。使用连字符（-）分隔字符串你可能习惯了在 Javascript 中使用小驼峰的命名方式：var redBox = document.getElementById（...）但是在 CSS 中不建议...
本文主要和大家分享一些篇常用的 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...
正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍规范命名的方法，感兴趣的小伙伴们可以来看一下。1. DIV+CSS规范命名集合我们开发CSS+p网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双...
正确并形象地给函数、变量命名，不仅可以增加程序的可读性，也是程序员编程风格的一种反映。较好的命名习惯，可以有效的提高程序的可维护性。以下介绍规范命名的方法，感兴趣的小伙伴们可以来看一下。1. DIV+CSS规范命名集合我们开发CSS+p网页（Xhtml）时候,比较困惑和纠结的事就是CSS命名，特别是新手不知道什么地方该如何命名，怎样命名才是好的方法。 命名规则说明： 1）、所有的命名最好都小写 2）、属性的值一定要用双...
本文整理了常见的CSS文件命名规范、CSS样式ID命名规范及其网站中常用的中英文对照。一、样式文件命名规范主要的 master.css布局，版面 layout.css专栏 columns.css文字 font.css打印样式 print.css主题 themes.css二、CSS注释/*CSS Document */ //css文档/*Style for 项目名称*/ //给某项目的样式/*Editor:hyy,10.24.2011*/ //编辑人/日期/*Common style*/ ...
CSS命名规范一．文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css；二．常用类/ID命名规范页 眉：header内 容：content容 器：container页 脚：footer版 权：copyright 导 航：menu主导航：mainMenu子导航：subMenu标 志：logo标 语：banner标 题：title侧边栏：sidebar图 标：Icon注 释：note搜 索：search按 钮：btn登 录：login链 接：l...
下面小编就为大家带来一篇浅谈css命名规则(新手必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：...
下面小编就为大家带来一篇CSS重要属性之float学习心得(分享)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧我们来看看CSS重要属性--float。以下内容分为如下小节：1：float属性2：float属性的特性 2.1：float之文字环绕效果 2.2：float之父元素高度塌陷3：清除浮动的方法 3.1：html法 3.2：css伪元素法4：float去空格化5：float元素块状化6：float流体布局 6.1：单侧固定 ...
css3已经发布了，许多WEB前端工程师都开始尝试使用该技术了。我们怎样来评价编写css的能力呢?不会用对与错来判断，我们可能会用“好”、“一般”、“很烂”等字眼来形容。CSS最难的是什么呢?是各大浏览器的兼容?是代码的简洁高效性?前端工程师五指曾说过：css不是什么难的技术，难点在于怎样规范的命名。项目由个人完成，工程师可以依据自己的习惯来命名css。在团队合作中，不规范的命名侧可能会引发起冲突，从而影响到整个项目的进...
使用类选择器，放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS，就无法重用。NEC特殊字符："-"连字符"-"在本规范中并不表示连字符的含义。她只表示两种含义：分类前缀分隔符、扩展分隔符，详见以下具体规则。分类的命名方法：使用单个字母+"-"为前缀布局（grid）（.g-）；模块（module）（.m-）；元件（unit）（.u-）；功能（function）（.f-）；皮肤（skin）（.s-）；状态（.z-）。注：在你样式中的选择器总是...
页头：header 登录条：loginbar 标志：logo 侧栏：sidebar 广告：banner 导航：nav 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 滚动：scroll 页面主体：main 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服务：service 热点：hot 新闻：news 下载：download 注册：regsiter 状态：status 按钮：btn 投票：vote 合作伙伴：partner 友情链接：fri...
一、关于注释 在创建xhtml+CSS网站时，CSS中的注释非常重要。在创建CSS样式时，应当保持随手注释的习惯。一般的，我习惯于使用“/* 注释内容 */”的格式来写注释，因为在EditPlus等具有高亮功能的编辑器里，使用C语言中常用的“/***************/”之类的注释是无意义的，没有必要填充大量无意义内容作为分隔。带有注释的文档作为网站的原始CSS文档，在发布网站的时候，可以使用CSS压缩工具压缩CSS，在输出的CSS中去掉注释以提...
DIV+CSS 英文命名规范_基础教程1.CSS ID 的命名 外 套： wrap 主导航： mainnav 子导航： subnav 页 脚： footet 整个页面： content 页 眉： header 页 脚： footer 商 标： label 标 题： title 主导航： mainbav（globalnav） 顶导航： topnav 边导航： sidebar 左导航： leftsidebar 右导航： rightsidebar 旗 志： logo 标 语： banner 菜单内容1： m...