IT兄弟连 HTML5教程 初识Sass Sass基本语法
本文重点在于HTML5与CSS3的学习和使用,HTML与CSS不属于编程范畴,更偏向于设计,而Sass是编程化的CSS的扩展语言,对于没有接触过编程的读者可能会有点吃力,这里不做对语法详细介绍,仅作为基本介绍,让读者了解Sass的优越性,如果对Sass感兴趣,请自行查阅相关资料。 Sass基本语法 在大部分编程语言之中,其基本语法都包括这样一些东西,比如说变量、数据类型、运算符、流程控制语句、函数等,具体的这些名词都具有什么功能呢?那么笔者来依次进行介绍。 1.变量 变量,顾名思义,就是可以动态改变的值。可以将它看做一个占位符,开发者可以动态改变这个占位符的值。比如说可以将像素值、颜色值等提炼出来作为一个变量出现。就像下面这样: 其实在上例中根本看不出变量实际效益在哪里,仅仅是解释了其占位符的含义。不过假如说网页总体设计时有一个基调,或者说基色,其余网页颜色都由这个基色进行延伸,那么我们只需要定义一个基色,然后我们对基色进行加深、变浅、反转就可以得出网页中其它要素的颜色了,当我们改变该变量时,那么网页中所有的颜色都会根据这个基色进行改变。 那么可能有读者问了,如何对基色进行加深、变浅等操作呢?Sass其实包含大量的内置函数,这些函数可以对颜色执行加深、变浅等操作,那么变量存在的意义就远不止占位符那么简单了,读者还可以对其进行算数运算等操作等等。 2.数据类型 什么是数据类型呢