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