html5基本知识
sass是css的预编译工具
1.style.scss
2.style.sass
安装sass环境
1.vscode
2.扩展应用商店
3.插件Easy Sass
4.新建.scss或者.sass
5.保存
6.自动生成.css文件
7.页面引入css文件
语法
缩进4个空格，嵌套的节点缩进，使用双引号，不能使用单引号，属性名小写，中划线做分隔符 ，不要再自动闭合标签结尾使用斜线，不要忽略可选的关闭标签
页面开头使用简单的doctype（大写）
字符编码 utf-8
IE兼容模式
用标签可以指定页面应该用什么版本的IE来渲染
属性顺序：属性应该按照特定的顺出现以保证易读性
class，id，name，data-*,src, for, type, href, value , maxlength, max, min, pattern,placeholder, title, altaria-*, role,required, readonly, disabled
class为最高可复用组织设计的，所以应在第一位
id更具体应尽量少使用，第二位
boolean属性： boolean属性的存在表示取值为true，不存在表示取值为false
减少标签数量：在编写HTML代码时，需要尽量避免多余的父节点；很多时候，需要通过迭代和重构来使HTML变得更少
scss的预编译工具
声明变量 $
支持嵌套
层级嵌套
属性嵌套
清除浮动
overflow：hidden-->父元素
clear:both-->浮动元素的后一个元素
&代表父元素
*兼容IE6,7 display：inline/zoom：1
./ 当前目录
/ 根目录
../ 退出当前目录
