写在前面今天是前端入门day2，小伙伴们应该看过一些HTML和CSS的基础知识，有没有遇到很多关于CSS的问题？呢绒布。因为HTML很少有太复杂的问题，所以直接写个关于CSS的FAQ和答案~display:none;的区别和可见性：隐藏；简单地说：显示：无；就像它不存在一样。可见性：隐藏；只是将透明度变为0并仍然占据其空间。必须首先弄清楚内联、内联块和块之间的区别。每个标签都有其默认的显示属性值。例如：
标签默认显示：block；标签默认显示：inline；但是，可以覆盖默认值。即可以设置display:inline;对于block1
标签，显示：块对于标签。接下来说说区别：fordisplay:block;它占据一行，也就是说，它周围不允许有其他元素。可以设置宽度和高度。当没有设置宽度时，它的宽度将被填满。top,bottom,left,right的padding和margin会起作用（这里的作用是指距离其他元素可以拉开的距离）。对于显示：内联；它不会占据一行，并且可以允许其他元素围绕它。宽度和高度被内容扩展，设置宽度和高度无效。左边和右边的margin和padding可以增加距离，但是top和bottom的margin和padding不能增加距离。这里还有更多需要注意的事情。用于显示：内联块；它就像内联和块的组合。允许其他元素包围它。可以设置宽度和高度。重点讲解inline的padding-top或者padding-bottom。在给行内元素设置这两个值的时候，实际上是加上了padding。在设置背景色的时候，可以清楚的看到背景色被应用到padding上了，但是并没有增加与下方元素的距离。.代码如下：block1 block2block3
.block1{background-颜色：浅蓝色；宽度：100px；//无效高度：500px；//无效的margin-right:20px;底部边距：20px；//无法打开padding-left:10px;填充底部：10px；//无法开启distance}.block2{display:inline-block;宽度：300px；//worksbackground-color:lightgray;}.block3{background-color:red;}图片如下：border-radius:999px;和边界半径：50%；正确的理解。先看代码：