1.web前端(盒子模型)

2021-04-01 22:25

阅读:426

YPE html>

标签:padding   技术   round   color   title   type   style   text   set   

A.

1.内边距,边框影响盒子大小

定义好盒子大小以后,再定义内边距和边框的时候,在原有的盒子大小基础上(原有的盒子啥也不变,定义完就完了)加上内边距和边框。就像穿上一身衣服了一样。

练习

技术图片

 

 



Document
{
        width:300px;
        height:150px;
        background-color: pink;
        padding:75px 100px;  
    }
    .small{
        width:300px;
        height: 150px;
        background-color: red;
    }
    


    

2.

(1)子盒子只继承父盒子的宽度,不继承高度,高度不定义的话就是0

(2)子盒子没有定义宽度,继承了父盒子的宽度,定义左右内边距,只要这个内边距不大于父盒子的宽度,就不会撑大盒子(左右方向)。如果定义上下内边距的话,子盒子还是会被撑大的。

1.web前端(盒子模型)

标签:padding   技术   round   color   title   type   style   text   set   

原文地址:https://www.cnblogs.com/zhaojiayu/p/12562683.html


评论


亲,登录后才可以留言!