划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

额，不好意思这里的图截长了... n除了可以是数字之外还可以是关键字，数学公式（常见关键字even偶数，odd奇数。若n是公式，则n的开始值为0。 如果盒子高度是50px，设置行高也为50px。其内容假设有20px的高，这是它的上下边距均会被设为（50-20）/2=15px。即…

继上一篇html篇之后，看到小伙伴留言说期待后面整理的CSS和JS篇，工具人小编整理出了本篇有关CSS部分的知识点。本篇文章作为对CSS知识点的统筹，囊括了目前大部分在面试当中常见的内容，包括一些易踩雷的知识点。文章篇幅较长，建议收藏慢慢细品。 文中篇概念性的内容也蛮多，小编一…

请相信生命的韧性是惊人的，跟自己向上的心去合作，不要放弃对自己的爱护。 平时我们最直接的写法是 ：outline: none，取消轮廓线。 特别是行内块元素， 通常用来控制图片/表单与文字的对齐。 white-space设置或检索对象内文本显示方式。通常我们使用于强制一行显示内…

+padding+border。 3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。 在css3中使用单冒号来表示伪类，用双冒号来表示伪元素。但是为了兼容已有的伪元素的写法，在一些浏览器中也可以使用单冒号 来表示伪元素。 伪类一般…

本章介绍一下CSS的知识点，CSS的东西很多，下面这些是比较高频的考点，希望对你有所帮助：2.1常用选择器在CSS中，选择器是一种模式，用于选择需要添加样式的元素。常用的选择器按优先级从高往低分别是：

总结了一些面试常考的以及我个人常混淆的CSS知识点。不是完整的知识体系梳理，只是个人认为的高频知识点总结。