(3)margin & padding

最新推荐文章于 2024-04-29 20:58:38 发布
最新推荐文章于 2024-04-29 20:58:38 发布
阅读量1k 收藏 6
点赞数 2
分类专栏： 代码 文章标签： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fei314524/article/details/111660083
版权

margin和padding的简写规则相同,只拿margin举例

margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;
上述情况四个方向的值相同可直接写成margin:10px

margin-top:10px;
margin-right:20px;
margin-bottom:30px;
margin-left:40px;
上述情况四个方向的值不同可简写成margin:10px 20px 30px 40px 即第一个值是margin_top,最后一个值是margin_bottom的顺时针的顺序

margin-top:10px;
margin-right:20px;
margin-bottom:10px;
margin-left:20px;
上述情况四个方向中想对应的两个方向值相同.可以简写成margin:10px 20px 注意要把10px放前面

如果是数字值为0可以不加单位.否则所有的数字值必须加上单位.比如10px

燙の灬愛!
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
浅谈 html——margin & padding
李公子的博客
10-08 1491
每个HTML标签都可看做是一个盒子，当我们在页面上写各种HTML标签的时候，其实就是页面上摆放各种各样的盒子。 ·border（边框）：每个盒子都是有边框的，默认情况下不显示而已； ·padding（内边距）：指内容距离边框的长度，如果要内容居中，那么很明显需要四个内边距都相等； ·margin（外边距）：指盒子与盒子之间的距离，好比两个div之间相隔距离是多少；也可以理解为对象与父容器的距...
margin和padding属性详解
Zzze0101的博客
05-21 3358
margin 围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 margin样式属性用于在一个声明中设置所有外边距的宽度，或者设置各边上外边距的宽度。该属性有多个值： 值 描述 auto 浏览器计算外边距。 length 规定以具体单位计的外边距值，比如像素、厘米等。默认值是 0px。注：允许使用负值，不过要谨慎使用。 % 规定基于父元素的宽度的百...
margin&border&padding的用法
最新发布
qq_56785676的博客
04-29 1665
这一属性，可以设置盒子水平居中，设置上下外边距为0px，左右为auto，auto代表自适应，会自动将父标签剩余分空间均分到盒子左右两边。原因：子标签在设置margin-top时，会去找父标签的边界作为参考，找不到父标签的边界，就传递给父标签显示。当padding为四个值时表示盒子与盒子之间的间距的上，右，下，左间距。当margin为四个值时表示盒子与盒子之间的间距的上，右，下，左间距。当margin为三个值时表示盒子与盒子之间的间距的上，左右，下间距。边框至少需要设置两个值：宽度和类型，颜色默认为黑色。
margin、padding、border
LarsGyonX的博客
02-12 3609
从二维到三维再到实操的理解
margin和padding的区别
09-10 3375
我们在进行网页制作的时候，会遇到margin和padding这两个元素。 边距分为内边距和外边距，即： padding：内边距 margin：外边距 如图所示，padding即内边距，它是指内部元素与盒子的边的距离；margin即盒子的外边距，即盒子与其他盒子的距离。 ...
margin 和 padding 分别适合什么场景使用？
weixin_47450807的博客
04-15 3002
一、写在前面 margin 和 padding 分别适合什么场景使用？
margin与padding的区别
wanyuwenrou的博客
12-14 1004
margin，是其容器与其父容器的距离，也可以是同级元素的距离，也叫外边距。打个比喻，父容器是一间教室，子容器是教室里的座椅，通过margin改变座椅相对于教室的距离。也可以改变自己相对于其他座椅的距离。这里的margin是设置在座椅上的。 常用属性top，right，bottom，left；分别对应上右下左。先设置一个div，再在里面设置两个div。 <!doctype html> <html> <head> <mateset="ut
CSS中margin和padding的区别
wujian_csdn_csdn的博客
09-16 2898
区别如下： margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。 padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。 CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。 ...
HTML之margin和padding的区别
热门推荐
qq_44829555的博客
05-21 1万+
想要理解margin和padding的区别，首先应该明白在进行网页制作时都会遇到设定边距的情况，边距又分为外边距（margin）和内边距（padding） margin的用法 1、设置距离同级标签的间距； 2、设置距离父标签的间距； 关于边距距离的设定，规则如下： margin: 20px;/*四周相同*/ margin: 10px 20px;/*10px上下 20px左右 */ margin: ...
常用元素默认margin和padding值问题探讨
09-22
而在这些视觉样式定义中，margin（外边距）和padding（内边距）是非常常用的两个属性，它们用于调整元素与元素之间的空间以及元素内容与元素边界之间的空间。由于不同的浏览器可能会有不同的默认样式，因此开发者在...
Class与ID区别 margin和padding区别 CSS学习笔记
10-30
CSS学习笔记 - Class与ID区别、margin和padding区别 在CSS学习中，有两个非常重要的概念：Class与ID和margin与padding。虽然它们都是CSS中的基本概念，但是许多初学者却不知道它们的区别和使用场景。 Class与ID...
Css padding和margin区别
12-08
这个一个CSS padding和margin的例子，对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...
margin,padding综合运用，用途：适合新手学习
07-20
前端新手网页练习，内容关键词:H5，HTML5，CSS，技术关键词：div,margin,padding，用途：一个完整的页面代码，包含css样式，适合新手学习。html+css实现简单网页效果源码，尚且没有复杂的后台，给前端新手学习之用。
css中padding和margin的异同点介绍
09-25
CSS中的padding（内边距）和margin（外边距）是控制网页布局中元素之间距离的关键属性。本文将从语法结构、可能取的值、浏览器兼容性等方面详细介绍padding和margin的异同点，并结合图示提供直观的理解。 一、...
为什么代码全部正确，却无法运行。
fei314524的博客
11-25 5437
JAVA表白小代码
fei314524的博客
11-11 5167
public class PrintHeart { public static void main(String[] args) { System.out.println(printHeart("*")); } private static String printHeart(String input){ int[] array = {0, 1, 0, 0, 0, 1, 0, 1, 0, 1, 0, 1, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 4, 5, 2, 3, 4, 1, 0,
学生成绩统计
fei314524的博客
11-25 1852
用C语言编程 学生成绩统计 从键盘输入一个班（全班人数在15~20之间）学生某门课的成绩，当输入成绩为负值时，输入结束，分别实现下列功能： （1）录入每个学生的学号（学号：2016001~2016020）和考试成绩； （2）计算课程的总分和平均分； ...
输入行数n，输出n行我爱你，
fei314524的博客
11-27 1693
#include<stdio.h> int main() { int n; scanf("%d",&n) while(n>0) { printf(“我爱你”); n–; } if(n<=0) printf(“数据录入不正确”)； return 0; }
margin和padding
06-07
Margin和Padding是CSS中常见的两个概念。 Margin指的是元素边框外侧到父元素边框内侧的距离，用于控制元素与其他元素之间的间距。Margin有四个方向：上、右、下、左，可以分别设置。 Padding指的是元素内容区域与...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

燙の灬愛!

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值