padding和margin的数值设置方式

Posted 2023-05-05

参考技术A  padding也是复合属性 padding:20px 上右下左都是20px 

 顺序是按照 上右下左的顺序来设置的（padding: 20px 15px 10px 5px; ）

 分开设置： padding-top:20px;

                    padding-right:15px;

                    padding-bottom: 10px;

                    padding-left:5px;

 下面的会把上面的属性值覆盖： padding:20px;

                                                    padding-top:40px; 

 padding:10px 20px 15px：（ 上10px  左右20px 下15px）     

上下 10px 左右 20px ：（ padding:10px 20px;）

上右下左的外边距都是30px ：margin:30px

上边距30 左右20 下40 ：（ margin:30px 20px 40px;）

上下10 左右30 ：（  margin:10px 30px; ）

也可以分开写：margin-top: 10px;

                         margin-right: 20px;

                         margin-bottom: 30px; 

margin可以给负值，会超出边界 ： margin-left: -40px;

下面的会把上面相同属性的值覆盖 ：margin:30px;

                                                           margin-left:-30px; 

css中margin和padding设置成auto是自适应啥？跟据啥来自适应 最后自适应的值是

css中margin和padding设置成auto是自适应什么？跟据什么来自适应 最后自适应的值是多少？

骚年人，你太天真了，margin：auto可以做到水平居中，但是有个前提条件就是，这个 标签比如是块状元素，并且有个确定的宽度，百分比的宽度也行；padding的话, 设置成auto它会自动继承浏览器的padding值，因为有些奇葩浏览器是默认有padding值的，为了避免这个对样式造成影响，我们样式开头一般会加上一句*margin:0;padding:0;
而我们讲的自适应，一般是自适应屏幕大小，比如我们的电脑、手机都有很多不同尺寸的屏幕，那么我们做出来的页面就要兼容这种尺寸的变化，而不会让布局错乱。一般PC端布局样式是用百分比，不过移动端的话，因为对css3的兼容性非常好，所有要达到自适应，可以用css3来布局，当然还有比较流行的响应式布局 参考技术A padding用不了auto值

正确的写法：
水平居中：margin: 0 auto;
padding:5px;设置对象距离四边边距为5px间隔