本文重点在于HTML5与CSS3的学习和使用，HTML与CSS不属于编程领域，更方向于设计，而Sass是编程化的CSS的扩展语言，对付没有接触过编程的读者可能会有点费力，这里不做对语法详细介绍，仅作为根基介绍，让读者了解Sass的优越性，如果对Sass感兴趣，请自行查阅相关资料。

Sass根基语法

在大部分编程语言之中，其根基语法都包孕这样一些对象，好比说变量、数据类型、运算符、流程控制语句、函数等，具体的这些名词都具有什么成果呢？那么笔者来依次进行介绍。

1．变量

变量，顾名思义，就是可以动态转变的值。可以将它看做一个占位符，开发者可以动态转变这个占位符的值。好比说可以将像素值、颜色值等提炼出来作为一个变量呈现。就像下面这样：

其实在上例中根柢看不出变量实际效益在哪里，仅仅是解释了其占位符的含义。不过假如说网页总体设计时有一个基调，或者说基色，其余网页颜色都由这个基色进行延伸，那么我们只需要界说一个基色，然后我们对基色进行加深、变浅、反转就可以得出网页中其它要素的颜色了，当我们转变该变量时，那么网页中所有的颜色城市按照这个基色进行转变。

那么可能有读者问了，如何对基色进行加深、变浅等操纵呢？Sass其实包罗大量的内置函数，这些函数可以对颜色执行加深、变浅等操纵，那么变量存在的意义就远不止占位符那么简单了，读者还可以对其进行算数运算等操纵等等。

2．数据类型

什么是数据类型呢？就是在开发中我们能够使用到的值的类型，好比数值、字符串、颜色值、布尔值、列表、map舆图类型等。在CSS开发中我们凡是使用的就是像素值、颜色值，像素值就相当于数值，颜色值就是颜色值。那么Sass多余的其它类型用作什么呢？

布尔值就是两个值，true和false，其含义为真和假，它用于流程控制语句，这里先略过不提，在后面流程控制小节再讲；列表类型，其实就是一组值，每个值都有一个默认的下标，默认下表自1开始依次递增。开发者通过一个要领可以去引用数组中的值。就像下面这样：

还有一种类型是map舆图类型，可以说它是升级版的列表，它也生存着一组值，每个值都有对应的一个属性名，开发者可以通过属性名对值进行获取，就像下面这样：

3．运算符

Sass中的运算符就是算数运算符，在使用算数运算符时，要遵守一个原则，就是运算符的前后要留有一个空格，就像下面这样：

除了算数运算符之外，还有一些其它运算符，包孕用于对照的对照运算符，大于“>”、小于“<”、即是“==”、不即是“!=”、大于即是“>=”、小于即是“<=”等，同时还包孕逻辑运算符逻辑与“and”、逻辑或“or”、逻辑非“not”。这些运算常用于流程控制语句之中。

除了以上的运算符之外，还包孕字符串通接运算符“+”，连接两个字符串，在字符串通接时，如果需要进行计算时，需要使用“#{}”将计算的值括起来，如下所示：

4．流程控制语句