1
CSS 预处理器与 CSS 框架整合教程
1 CSS 预处理器简介
1.1 Sass 基础语法
Sass 是一款成熟、稳定且强大的专业级 CSS 扩展语言。它提供了变量、嵌
套规则、混合（mixins）、继承、函数等功能，使 CSS 更加强大和优雅。下面是
一些 Sass 的基础语法示例：
//
使用变量
$primary-color: #333;
$secondary-color: #666;
body {
color: $primary-color;
background-color: $secondary-color;
}
//
嵌套规则
#header {
.logo {
width: 100px;
height: 100px;
}
.nav {
li {
display: inline-block;
}
}
}
//
混合（
mixins
）
@mixin box-shadow($shadow) {
box-shadow: $shadow;
-moz-box-shadow: $shadow;
-webkit-box-shadow: $shadow;
}
#main {
@include box-shadow(0 0 10px #ccc);
}
剩余19页未读，继续阅读
资源评论
