2021/1/9-每日三题第16弹：没事都宅在家里，你知道 CSS 优先级如何计算吗 ？？？

前言：

朋友们好啊，最近天气实在是太冷了，今天来给大家讲一个笑话，暖和暖和，小明对爸爸说：“爸爸我好冷啊”，爸爸说：“站到墙角就不冷了” 小明不明白，问：“为什么啊 ？” 爸爸说：“因为墙角有九十度啊。”，怎么样，是不是很好笑啊 ！！！

好了，话不多说，上题目！！！😍😍😍

题目：

(题目1) display 有哪些值 ？说明它们的作用

(题目2) 介绍一下标准的 CSS 的盒子模型 ？

(题目3) CSS优先级算法如何计算 ？

倒计时10min，开始计时，看看自己能做对几道题😎😎😎？参考解析在下面，但不要直接看解析哦，这样子没什么效果的！！！

参考解析：

题目1：

1.block 转换成块状元素。
2.inline 转换成⾏内元素。
3.none 设置元素不可⻅。
4.inline-block 像⾏内元素⼀样显示，但其内容象块类型元素⼀样显示。
5.list-item 像块类型元素⼀样显示，并添加样式列表标记。
6.table 此元素会作为块级表格来显示。
7.inherit 规定应该从⽗元素继承 display 属性的值。

题目2：

1.有两种，IE 盒⼦模型、W3C 盒⼦模型。
2.盒模型： 内容(content)、填充( padding )、边界( margin )、 边框( border )。
3.区别： IE 的 content 部分把 border 和 padding 计算了进去。

题目3：

1.优先级就近原则，同权重情况下样式定义最近者为准。
2.载⼊样式以最后载⼊的定位为准。
3.优先级为:  !important > id > class > tag ;  !important ⽐ 内联优先级⾼

怎么样，是不是很简单，你做对了几道题呢？做对的再接再厉，不要骄傲，做错的也没有关系啦，好好总结，继续努力 ！！！

当然啦，大家如果有补充的或者其它问题，欢迎大家在评论区交流啊，路漫漫其修远兮，吾将上下而求索，希望大家可以一起坚持下去啊 ！！！😎😎😎~~~

如果这篇文章能够帮助到您，希望您不要吝惜点赞👍👍和收藏💖💖，您的支持是我继续努力的动力 💪💪 ！！！