俗话说，多年媳妇熬成婆。市面上的八股不想问，就想问问切图时常常用到，但又不被人重视的css知识。要是以下问题你回答不出一个两个，不好意西，第一关你过不了！
1. 给一个元素设置padding-top:20%，该百分比以谁为基准？
根据父元素的宽度为基准
2. line-height:2 与line-height:200%有什么区别？
line-height是继承特性，对于子元素有区别，如果子元素未设置line-height值，则继承父元素的值，若父元素设置的line-height为2，则子元素的line-height也为2，若父元素设置的line-height为200%，则子元素继承的值为父元素的font-size * 200%。
3. 如何将一个inline元素向上移动1px位置？
vertical-align:1px;
transform,
position:relative
4. 超出一行打点，如果要在前面进行打点，你会设置什么css属性？
direction:rtl;
5.选择器*与选择器span *哪一个性能更优，为什么？
*性能更优，选择器的解析从右往左，因此你span 的解析次数比多的多。
6.flex子元素最小宽度，你是如何理解的？
张鑫旭CSS世界
7.请问如何创建一个字体，并在所有设备上展示，如果3mb的字体文件，只需要其中的数字，你会如何优化？
@font-face {
font-family: "Trickster";
src:
local("Trickster"),
url("trickster-COLRv1.otf") format("opentype") tech(color-COLRv1),
url("trickster-outline.otf") format("opentype"),
url("trickster-outline.woff") format("woff");
}
使用fontmin提取需要的文字
8.一个inline-block元素，设置宽度100px作为label，如果想让2个文字和3个文字实现这样的布局，其中2个文字在100px容器贴边，3个文字的外侧两个文字贴边，中间的文字居中，如何设置？
text-align-last: justify;
