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写的不熟悉。该背的知识点没有背下来。

评论

this is is footer