css第三节第十天

作者: 涩柠檬193 | 来源:发表于2017-02-24 19:49 被阅读2次

    1、css盒模型

    盒子:边框+内边距+内容区域+外边距组成。

    IE6的盒模型的bug:背景色不能穿透 边框。而且如果不设置争取的doctype的话,ie6显示的盒子也不是标准的盒子。

    2、边框

    边框可以被背景色穿透,边框包括三部分可以进行设置:边框的宽度、边框的颜色、边框的样式。可以分别分开设置,也可以进行合写进行统一设置。

    3.内边距

    内边距是设置盒子与子盒子之间的距离。

    如:

    Pading: 10px;设置上下左右都是10px的内边距。

    Padding:10px 12px;设置上下是10培训的宽度,左右是12像素的宽度。

    Pading:10px 12px 13px 14px; //分别设置的是 上 右  下  左

    如果设置三个值:上   左右  下

    4、外边距

    外边距设置兄弟元素之间的距离。

    Margin的设置跟padding的一样。

    Margin:0 auto;可以让 块级元素水平的居中。

    原理:auto是设置外边距自动赋值。如果左右都是auto的时候,会把盒子所在行剩余的宽度除以2,然后分别赋值给左右的magin值,自然就会让盒子居中显示了。

    行内元素的margin(padding)只能在水平方向起作用。垂直方向不起作用。

    相关文章

      网友评论

        本文标题:css第三节第十天

        本文链接:https://www.haomeiwen.com/subject/sgnwwttx.html