1 什么是 BEM 命名规范 Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你…

在团队开发中，良好的代码规范约定是保证互相良好协作的基本要求。 stylelint 是一个强大的 CSS linter 工具，它使用 PostCSS 的 AST 语法解析树引擎，支持 PostCSS 支持的所有语法识别，…

本文主要介绍在 sublime text 3 编辑器中配置 csslint 的方法步骤，以帮助你快速完成相关配置，避免花费更多的时间去探索。 1. 安装 csslint 打开 cmd 命令提示符，使用 node 进行全局…

Media Queries直译过来就是“媒体查询”，在我们平时的Web页面中head部分常看到这样的一段代码： <link href="css/reset.css" rel="stylesheet" type="t…

CSS3 是个好东西，但也很容易被她的变形（transform）和动画（其中许多特性因浏览器厂商而异）特性所迷惑，因而忘了那些已经被添加到标准规范中的最为基本的选择器。许多强大的新伪类选择器（最新的 W3C 规范中列出了…

早上登陆 qq 后，不时的几个关于开发的群里都贴出了 oc 的地址，打开一看，噢，CSS3 的 transform rotate特性！ 查看下页面属性，即是 js 的方式对页面全局加了如下属性： -webkit-tran…

bootstrap：基于HTML，CSS，JAVASCRIPT的简洁灵活的流行前端框架及交互组件集。   Bootstrap是著名的社交网站、微博的先驱Twitter在2011年8月推出的开源WEB前端框架，集…

这是一个传说，在两年前第一份CSS3中文手册出来没几天时，它就躺在我的电脑里了，可惜只是一直躺着，仅此而已。其实我算是个用到什么才会去学习什么的懒人，所以很多东西都只是“略懂，略懂”。 这次看到了…

进阶学习和练习中，一些细小的地方慢慢地变的清晰简洁起来。进步，是时间和经验的累积。 css3的圆角示例： .element { .rounded{ -moz-border-radius: 5px; /* Firefox …

进入本站时，如果你用的是IE浏览器，你应该看到了本站已经全站素装了，是的，又一次全国的哀悼日，真的很遗憾。 去年的汶川地震还让很多人心有余悸，而今年又发生了玉树大地震，多灾多难的中国啊！去年全国哀悼了三天，而这次，国务院…

CSS学习进阶：关于浏览器兼容设计的几点基础知识 !important的技巧： 提升优先级，IE6不识别，于是可以用此设计解决IE6的一些讨厌的bug。 IE6中float浮动元素导致margin双倍边距的BUG:（浮动…

当系统地学习的时候，以前那些遇到问题再去解决问题学习的杂乱的东西，开始变得条理清晰起来 关于英文的大小写 设置属性 text-transform，可以设置的值：capitalize/uppercase/lowercase…