Category CSS

由于CSS语言本身的表达能力较差，Web开发人员常常使用SASS、LESS之类的CSS预处理器语言来编写样式，然后再编译为普通的CSS代码。

PostCSS是一个类似的、较晚出现的CSS处理器，它基于JavaScript语言编写。PostCSS使用插件式…

CSS Modules是一个开源项目，它是一个简单的CSS模块化规范，主要完成两件事情：

1. 样式类名、动画名的作用域支持。这可以避免命名冲突
2. 模块化支持，允许CSS文件之间的依赖关系

与Less、SASS、PostCSS不同，CM并不尝试把CSS变得像一门编程…

Sass是对CSS语言的扩展，为其提供了：变量、嵌套规则、混入、内联（inline）导入等语言特性。

Sass具有两套语法风格。

一种是旧的、基于缩进的语法风格，通常称为Sass，扩展名.sass 。这种语法风格使用缩进而不是代码块来表示嵌套规则，…

只有基于Webkit的浏览器才支持此特性，Firefox不支持：

注意：不能和背景颜色一起使用，但是可以和渐变背景一起使用：

CSS格式说明：

从左向右的渐变： 

你可以为direction指定任意的渐变角度：

要设置表单元素placeholder的样式，需要为不同浏览器设置伪元素/类的样式：

我们知道CSS由一…

1. CSS规则中URL相对于当前CSS文件，于引用CSS的网页的URL无关
2. CSS为每个HTML元素生成一个盒（Box），在其中包含元素的内容
3. CSS注释语法： /* 注释内容，可以多行 */ 
4. @import 指令，用于引入外部样式表文件
5. URL格式 ，url后面不得有空格
6. CSS值关键字：
   1.  表示不设置此属性
   2.  表示从父元素继承此属性
   3.  从CSS3开始支持，表示恢复为默认值
7. 根元素：文档树顶端的元素，即html元素
8. 正常流：指从左向右，从上到下的…