css常见面试题

1，为什么p标签会换两行
p {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
查阅p标签的用户代理可知，默认上下margin为1em，所以等效于两行字那么高。
margin-block-start /end等效于上下外边距
margin-inline-start/end等效于左右外边距
2，页面导入时使用link和@important区别：
link是html标签 @important是css提供的
link引入的样式页面同时加载 @import引入的需要等页面加载完在加载
link没有兼容的问题 @import兼容到ie5以上