8-24 张森霖

8、使用display：none 元素的高度和宽度等各种属性都会丢失，而使用visibility:hidden属性后，元素仅仅是在视觉上看不见，而占据的空间位置任然存在。

9、display:none

inline:设置元素为行类元素

block：设置元素为块级元素

relative：以自身原本的位置为定位原点。 absolute：两种情况，如果向上查找，父元素以及祖级元素中没有已定位元年苏，那么该元素浏览器窗口为定位原点，如果有，就按最近的已定位元素为原点进行定位。

11、三层架构：结构层：html （搭建网页的整体架构） 样式层：css（为页面添加样式，进行美化） 行为层：javascript（主要负责页面与用户的交互）

12、@media all and (max:width:1200px){

div{width:600px}} @media all and (max-width:480px){

{ div{width:200px}}}

13、AC

15、合并样式，减少样式重写，代码压缩，选择更优的样式属性值，不要在html中缩放图像

23、html语义化就是用正确的标签做正确的事情，让网页内容结构化，结构更为清晰，便于让浏览器

sass

文件转换： node-sass sass文件路径 css文件路径 node-sass sass/index.scss css/index.css

多文件转换： node=sass sass-o css

单文件监听：

多文件监听：nade-sass -w

变量

总结：今天发现前面存在的许多问题，还没有解决完，明天再慢慢把之前的问题解决了。比如bootstrap写的不熟悉。该背的知识点没有背下来。