12.29学习内容

网页布局

好的布局留住用户

基础布局

头部header、导航nav、内容section、底部footer

1.重置样式（清零）

2.内容区域（一列移动，两列平板，三列pc）

媒体查询

@media

-viewport（视窗）的宽度与高度

-设备的宽度与高度

-朝向（手机横屏\竖屏）

-分辨率

1.媒体查询语法

-not (true,false,用于否定媒体查询，必须指定媒体类型)

-only

-,（逗号）

-and

2.多媒体类型

3.媒体功能

4.响应式页面

响应式布局

1.移动设备优先

2.栏栅格

-栅格布局