前言：
朋友们好啊，最近这个疫情感觉又在加重，河北、石家庄都有新增确诊病例，成为高风险地区，搞得人心惶惶的，还是希望大家继续保持“出门口罩，回家洗手”的习惯；不信谣、不传谣；减少聚会，不要掉以轻心。
逢年过节，大家都喜欢热闹，聚在一起聚餐娱乐必不可少，但今年的情况有些特殊，大家还是要尽量少聚集，外出做好防护措施，不要到人多的地方去凑热闹，家庭聚餐也要控制人数，千万不要忽略了这些细节，只要做好这些，就能保证自己和家人的安全，平安过春节才是最重要的！
好了，话不多说，上题目！！！😍😍😍
题目：
(题目1) link 与 @import 的区别 ？
(题目2) 什么是 FOUC ? 如何避免 ？
(题目3) 如何创建块级格式化上下文, BFC 有什么用 ？
倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！
参考解析：
题目1：
1. link 是 HTML ⽅式，@import 是CSS⽅式
2. link 最⼤限度⽀持并⾏下载， @import 过多嵌套导致串⾏下载，出现 FOUC (⽂档样式
短暂失效)
3. link 可以通过 rel="alternate stylesheet" 指定候选样式
4. 浏览器对 link ⽀持早于 @import ，可以使⽤ @import 对⽼浏览器隐藏样式
5. @import 必须在样式规则之前，可以在css⽂件中引⽤其他⽂件
6. 总体来说：link 优于 @import
题目2：
1. Flash Of Unstyled Content ：⽤户定义样式表加载之前浏览器使⽤默认样式显示⽂
档，⽤户样式加载渲染之后再从新显示⽂档，造成⻚⾯闪烁。
2. 解决⽅法：把样式表放到⽂档的 <head> 中。
题目3：
1. 创建规则：
1）根元素
2）浮动元素（ float 取值不为 none ）
3）绝对定位元素（ position 取值为 absolute 或 fixed ）
4）display 取值为 inline-block、table-cell、table-caption、flex、
inline-flex 之⼀的元素
5）overflow 取值不为 visible 的元素
2. 作⽤：
1）可以包含浮动元素
2）不被浮动元素覆盖
3）阻⽌⽗⼦元素的 margin 折叠
怎么样，是不是很简单，你做对了几道题呢？做对的再接再厉，不要骄傲，做错的也没有关系啦，好好总结，继续努力 ！！！
当然啦，大家如果有补充的或者其它问题，欢迎大家在评论区交流啊，路漫漫其修远兮，吾将上下而求索，希望大家可以一起坚持下去啊 ！！！😎😎😎~~~
如果这篇文章能够帮助到您，希望您不要吝惜点赞👍👍和收藏💖💖，您的支持是我继续努力的动力 💪💪 ！！！
3906
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
