用正确的标签做正确的事情。

html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;
即使是在没有样式css情况下也以一种文档格式显示，并且是容易阅读的
使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。
为什么标签要语义化？
1.标签语义化对于搜索引擎友好，利于SEO
2.更容易让屏幕阅读器读出网页内容
3.去掉或者丢失样式的时候，页面扔能够呈现清晰的结构
4.便于团队的开发与维护

px: 绝对单位，页面按精确像素展示

rpx：小程序中的单位，在iphone6 中 1px = 2rpx，整个页面有750rpx

em：相对单位，基准点为父节点字节的大小，如果自身定义了font-size按自身来计算(浏览器默认字体是16px)，整个页面内1em不是一个固定的值。

rem：相对单位，可理解为“root em”，相对根节点html的字体大小来计算，CSS3新加属性

vw：viewpoint width，视窗宽度，1vw 等于视窗宽度的1%

前端页面适配问题

使用flexible

流式布局：就是百分比布局，非固定像素，内容向俩侧填充，理解成流动的布局，称为流式布局