rem
媒体查询
@media mediatype and|not|only(media feature) { css-code }
值 | 解释说明 |
---|---|
all | 用于所有设备 |
用于打印机和打印预览 | |
scree | 用于电脑屏幕,平板电脑,智能手机 |
关键字
媒体特性
【注意】要用小括号进行包含
值 | 解释说明 |
---|---|
width | 定义输出设备中页面可见区域的宽度 |
min-width | 定义输出设备中页面最小可见区域宽度 |
max-width | 定义输出设备中页面最大可见区域宽度 |
less介绍
less是一门css扩展性语言,也称为css预处理。作为哦css的一种形式的扩展,他并没有减少css的功能,而是在现有的css语法上,为css加入程序式语言特性。
他在css的语法基础上,引入了变量,mixin(混入),运算以及函数等功能,大大简化了css的编写,并且降低了css的维护成本,
网址:http://lesscss.cn
常见预处理器:sass,less,stylus
less使用
首先新建一个后缀名为less的文件,在这个less文件里面书写less语句
less变量
变量是指没有固定的值,可以改变的,
@变量名:值
命名规范
less编译
less嵌套
less运算
less编译
less嵌套
less运算
如对本文有疑问, 点击进行留言回复!!
网友评论