盒子模型(2)

101 阅读1分钟

padding内边距 margin外边距
皆可都过具体位置命令(top right bottom left )来控制
都是复合元素
padding margin:

          上右下左都是20px
          margin/padding:20px;
         上10px  左右20px15px 
         margin/padding:10px 20px 15px; 
         上下 10px 左右 20px;
          margin/padding:10px 20px; 
         上10203040
         margin/padding:10px 20px; 30px; 40px;
          /* margin可以给负值,会超出边界 */
        

设置img后文字的位置 vertival-align:

           文字居中
        /* vertical-align: middle; */
        /* 文字靠底部 */
        /* vertical-align: text-bottom; */
        /* 文字靠上部 */
        vertical-align: text-top;
        /* vertical-align就是规定图片后面的文字 以什么方式对齐 */

修改标签元素属性 dispaly:

                   display:bloack修改为块元素;
                   display:inline修改为行元素
                   display:inline-block修改为行内块元素 使两个行元素能设置宽高