> 唯美句子 > CSS里的padding、margi

CSS里的padding、margi

CSS里的padding、margin分别是啥意思?

在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

一、padding

(1)padding-left:10px; 左内边距

(2)padding-right:10px; 右内边距

(3)padding-top:10px; 上内边距

(4)padding-bottom:10px; 下内边距

(5)padding:10px; 四边统一内边距

(6)padding:10px 20px; 上下、左右内边距

(7)padding:10px 20px 30px; 上、左右、下内边距

(8)padding:10px 20px 30px 40px; 上、右、下、左内边距

二、margin

(1)margin-left:10px; 左外边距

(2)margin-right:10px; 右外边距

(3)margin-top:10px; 上外边距

(4)margin-bottom:10px; 下外边距

(5)margin:10px; 四边统一外边距

(6)margin:10px 20px; 上下、左右外边距

(7)margin:10px 20px 30px; 上、左右、下外边距

(8)margin:10px 20px 30px 40px; 上、右、下、左外边距

CSS属性margin是什么意思?

margin:0 auto;表示此容器相对于他的父容器水平居中(这个是经常用的噢,特别是在firefox中很多时候text-align会不起作用,就要用这个了)

margin:0 2px; 只写2个表示表示 上 下;

margin:0 auto 0px; 这个写法没见过,感觉是不是写错了!

请问css中margin:auto 和margin:0的区别是什么

区别是

margin:auto; 这个是上右下左的值都是自适应的

margin:0; 这个是上右下左的值都为0

在两个div里对比一下就会有很明显的效果出来了比如:

style .div1 { width:200px; height:200px; background:#c00;}

.div2 { width50px; margin:auto; height:50px; background:#000;}

这个效果是里面的div2会水平居中

style .div1 { width:200px; height:200px; background:#c00;}

.div3 { width50px; margin:0; height:50px; background:#000;}

这个效果里面的div3会在div1的左上角

在css中* {margin: 0;}这个有什么作用?

因为每个浏览器中对html标签的默认外边距和内边距的值不同,为了达到让主流浏览器设置出来的布局显示相同,则需要把html中所有标签的padding,margin都设置为0;

css中 *margin-top:中的*号什么意思 为什么不能写成margin-top:

*margin-top:7px;这个表示在IE6和IE7中的外边距是7px

假如#gaga{margin-top:10px;*margin-top:7px;_margin-top:5px;}

这样第一个就是IE8以上的浏览器、firefox、谷歌浏览器、苹果浏览器这些主浏览器的的外边距是10px,IE7的外边距为7px,IE6则为5px;

*还会代表是通配符的意思,就是可以查找到所有的元素,比如*{margin:0;}这样就代表所有的元素的外边距margin值为0,希望可以帮到你

CSS中margin和padding的区别

CSS中margin和padding的区别如下:

*

margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。

*

padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

从图示中看得就会比较直观,可以很容易理解了

CSS是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS样式中的,这个是什么意思margin:0px auto

你好,css中margin:0px auto;是指上下外边距为0px,左右外边距自动,也可以写成margin:0 auto 0 auto ; 和margin:0px auto 作用是一样的,前者方向是上右下左、缩写是上下,左右,padding内边距也是如此

希望可以解决你的问题

CSS中:margin:auto与margin: 0 auto;有什么区别

首先你要知道,margin后面是有4个参数的。例如:margin:1px 1px 1px 1px

分别表示 上、右、下、左。如果只写2个参数的话,比如:margin:1px 2px

那么着是代表 上下都为1px 左右都为2px.

至于居中,很明显,margin:0 auto 是标准的写法!明白???

css中 margin: 0px 254px 0px 254px; 是什么意思。

例子 1

margin:10px 5px 15px 20px;

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

例子 2

margin:10px 5px 15px;

上外边距是 10px

右外边距和左外边距是 5px

下外边距是 15px

例子 3

margin:10px 5px;

上外边距和下外边距是 10px

右外边距和左外边距是 5px

例子 4

margin:10px;

所有 4 个外边距都是 10px

CSS 中哪果 margin: -100px;代表什么意思?

css中margin的意思距离一个父级元素的边距,margin的用法margin:10px 5px 15px 20px;

上外边距是 10px,右外边距是 5px,下外边距是 15px,左外边距是 20px,可以看下图来理解margin:

margin:-100px;的意思就是四个边,上右下左,都缩小100px。

CSS里的padding、margi:等您坐沙发呢!

发表评论

您必须 [ 登录 ] 才能发表留言!