CSS盒子模型（溢出隐藏，块级元素和行级元素的居中对齐，元素样式重置）

常常不爱学习2024-12-28 20:53

overflow：值

规定了内容溢出元素框时所发生的事情

visible：内容不会被修剪，会显示在元素框之外，默认值 overflow: visible;
hidden：内容会被修剪，溢出内容不可见 overflow: hidden;
scroll：内容会被修剪，溢出内容会显示滚动条以便查看溢出内容 overflow: scroll;
auto：当内容多于元素框时，内容会被修剪并显示滚动条；当内容少于元素框时，不会显示滚动条，正常显示。

元素居中

块级元素 水平居中可以用 margin: 0 auto;【只对块级元素有效】
行级元素居中：对父级元素加入text-align属性：

css 复制代码

        body{
            text-align: center;
        }

元素样式重置

使样式在所有浏览器中显示的样式都一致，不因浏览器不同而导致样式的混乱

css 复制代码

* {margin: 0;
   padding: 0;
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
img {
    border: none;
    vertical-align: top;
}