本文详细介绍了前端布局中的两种经典布局方式——圣杯布局和双飞翼布局，解释了它们实现的原理及区别。圣杯布局通过在父元素设置padding来达到效果，而双飞翼布局则在中间区域外层添加额外的div，并利用margin实现。同时，文章还提到了HTML结构、CSS中的link与import的区别以及浏览器内核的相关知识。
HTML CSS 画一个三角形
/* div{
height: 0px;
width: 0px;
border-left: 50px solid ;
border-right: 50px solid;
border-bottom: 100px solid red;
}
html代码
2.link与import的区别
1.link 是 HTML ⽅式， @import 是CSS⽅式
2.link 最⼤限度⽀持并⾏下载， @import 过多嵌套导致串⾏下载，出现 FOUC (⽂档样式 短暂失效)
3.link 可以通过 rel="alternate stylesheet" 指定候选样式
4.浏览器对 link ⽀持早于 @import ，可以使⽤ @import 对⽼浏览器隐藏样式
5.@import 必须在样式规则之前，可以在css⽂件中引⽤其他⽂件
6.总体来说：link
最低0.47元/天 解锁文章
103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
