- 替换元素 和 非替换元素
替换元素就是平常 看到的 input img textarea select这些都是替换元素，之所以叫替换元素，他们都是没有实际内容的，都是根据标签和属性来判断渲染些什么东西。
非替换元素就是 div p 这些，浏览器根据内容直接显示出来。
- 行内替换元素和行内非替换元素的区别
行内替换元素可以设置宽高和边距的，比如img。行内非替换元素设置不了盒模型属性 比如span
- 关于viewport
每个手机都有自己的分辨率，有自己的物理长度（4.7寸 5.5寸) 对角线上的分辨率 / 物理长度 就是 像素密度dpi ；
我们一般都会设置，
<meta name="viewport" content="width=devich-witdth", initial-sclae=1.0">
这个就是让viewport 设置成屏幕宽度。
如果我们不设置，也会默认给我们一个虚拟视口，这个虚拟视口默认是980px， 如果手机分辨率大于980px， 就设置成手机的。那么在手机看起来，整个页面就是小小的。
- vw vh vmax vmin的区别。
vw 和 vh 就是屏幕实际大小的比例单位。 1 vw = 屏幕宽度 /100
vmax 就是 vw vh 比较大的一个。 手机 一般都是 vh 比较大
- a:link 和 a 的区别。
a:link{color:blue;} 和 a{color:blue;} 这样看起来效果好像是一样的。
区别在于 a元素有没有 href 属性 ，如果 a 没有 href a:link是没有作用的 而a{color：blue}就是无区别对待