内外边距和边框

1.尺寸:

  width:100px | 90%;  --  宽度设置

  height:100px;   --   高度设置

  注意:只有块级元素可以设置宽高,行内元素不能够进行宽高的设置;

  min-height:100px; 高度最少要是100px,内容不足100,那么高度也要为100;

  max-height:100px; 高度最大只能是100px,内容不足100,内容有多少,高度就为多少;

2.内边距(padding):

理解: 边框和内容之间的间距(多为父子关系)

    语法:

        单个:

            padding-top
            padding-right
            padding-bottom
            padding-left

        复合:
            padding:10px;  --  作用于4个方位
            padding:10px 20px;  --  第一个上下,第二个左右
            padding:10px 20px 30px;  --  上  左右  下
            padding:10px 20px 30px 40px;  --   上右下左(顺时针)

3.外边距(margin):

理解: 边框和边框之间的间距(盒子和盒子之间的间距),两者多为兄弟关系

    语法:

        单个:
            margin-top
            margin-right
            margin-bottom
            margin-left

        复合:
            margin:10px;  --  作用于4个方位
            margin:10px 20px;  --  第一个上下,第二个左右
            margin:10px 20px 30px;  --  上  左右  下
            margin:10px 20px 30px 40px;  --   上右下左(顺时针)

4.边框(border):

    border:2px solid red;

    border-top:1px solid yellow;

    border-right:1px solid yellow;

    border-bottom:1px solid yellow;

    border-left:1px solid yellow;