每日面试题复习-CSS

CSS篇2
4.link和a的区别
答:
(1) link在页面加载时便会请求资源 ，a点击时才会请求
(2)link更倾向于引入，不会刷新页面，a标签往往会刷新页面跳转地址，
5.长度单位有哪些？
回答:
常见的长度单位有%，px，em，rem，vw，vh
另外还有rpx，cm，mm，in，pc，pt，ex，vmin，vmax，fr等等
分类如下:
绝对长度单位:px，pt，pc，in，cm，mm
相对长度单位:%，em，rem，vw，vh，vmin，vmax，ex，ch，fr，
介绍如下:
(1)px为像素，针对屏幕分辨率而言，浏览器能设置的最小长度单位为1px哦，所以想画0.5px的细线需要先画1px的线在用scale缩放为0.5倍。注意谷歌等浏览器的默认字体为16px，最小识别字体为12px，12px以下字体也可以用scale来缩放实现
(2)1pt == 1/72in == 96/72px
(3)1pc == 12pt
(4)1in == 2.54cm == 96px
(5)1cm == 37.8px
(6)1mm == 0.1cm == 3.78px 
(7)em是根据父元素的字体大小来决定的，因为浏览器默认字体16px，所以默认1em=16px，em可用于设置字体宽高间距，设置字体缩进等，例如text-indent:2em可设置首行缩进2字符
(8)rem相对于根元素的字体大小。由于根元素的字体大小默认为16px，所以默认情况1rem=16px
(9)vw相对浏览器窗口宽度，100vw为1屏幕宽
(10)vh相对屏幕高度，100vh为1屏幕高
(11)vmin取vw和vh中的最小值
(12)vmax取vw和vh中的最大值
(13)%相对于父元素的宽，例如：如果⼀个元素呈现的宽度是450px，子元素的宽度设为50%，那么⼦元素呈现的宽度为225px。（如果所有的⽗级元素都没有设置具体的值，那么设置百分⽐⾼度那会导致所有的元素的值都为0）。
(14)ch是一个相对于数字0的大小，1ch即数字0的宽度
(15)fr：gird布局中利用的⼀个长度单位，如下声明三行的gird，第一行的⾼度为30px，第二行的同样为30px，第三行的为60px。
grid-template-rows: 30px 1fr 2fr;
长度单位貌似经常会被问到，以后再整理