sass与响应式布局

sass

css预处理器
使用特定的语法来编写css，可以扩展css的功能
常见的预处理器 LESS、SASS
sass官网https://www.sass.hk/
VS Code插件：Live Sass Compiler（注意F1开监听watch sass）

嵌套中&代表当前元素

变量声明
$ 名字：属性值(不需要属性名) ;

混合器声明@mixin 名字（参数，参数）{
}
混合器引用@include 名字（参数，参数）
引用是的参数个数不能比声明的时候少,但是可以多
参数也可以引用声明

占位符
%名字{
声明块
}
引用@extend %名字

作用域
当前标签和子元素可以使用

响应式布局

响应式布局 （media screen）（客户端判断）
一个网站能够兼容多种终端，在不同分辨率下布局不同
自适应布局（服务器判断用哪一种特定的页面布局）
大1200 中992 768 小768 一搬情况
media screen and(最小宽度) and(最大宽度){
}