【CSS 小知识点集合】

 

• 替换元素 和 非替换元素

替换元素就是平常 看到的 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}就是无区别对待