                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

PADDING代码

padding 这个代码是什么作用啊，感觉好陌生

要么庸俗

2016-11-02

源自：初识HTML(5)+CSS(3)-升级版 12-12

关注问题我要回答

1290

操作

收起

2 回答

qq_耳邊的呢喃_04313927 回答被采纳 +3 积分
2016-11-02

css设置内边距的

0 回复有任何疑惑可以回复我~

收起回答

Yuppie2
2016-11-02

padding属性的书写格式总共有以下几种： padding:10px; 意思是上下左右值全是10px padding:5px 10px; 意思是上下为5px，左右为10px; padding:1px 2px 3px 4px; 这个写法意思是：上为1px，右为2px，下为3px，左为4px padding:5px 10px 7px; 这种写法意思是：上为5px，左右为10px，下为7px （注意：padding后面4个值定义的顺序分别为：上右下左）而padding-top或者padding-bottom这种写法，只是单方面的定义了一个方向的值，这样写会增加CSS代码的长度，增加CSS样式的代码量，拖慢页面的加载速度。

0 回复有任何疑惑可以回复我~

收起回答

要么庸俗提问者

你给的答案挺详细，可是我问的是这个代码的作用，也非常感谢您的回到。然我更深层次去了解这个代码。

2016-11-02 回复有任何疑惑可以回复我~

Yuppie2 回复要么庸俗提问者

1，对于上下margin，可以认为浏览器直接忽略了，所以无作用无任何表现； 2，对于左右margin和左右padding，只在该元素的最左边和最右边起作用，这意味着如果元素换行，中间被切断处是没有margin的； 3，对于上下padding，由于不改变行高所以不会改变元素的上下位置，但实际上是存在的，你可以加上背景或者边框试一试。另外，图片这种行内替换元素，其各方面表现都跟块元素更相似，因此上下左右的margin和padding都是生效的。

2016-11-02 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1226773 人
解答问题 18245 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

2 回答padding

4 回答padding

5 回答padding

3 回答padding

4 回答padding

搜索更多本课相关问答

PADDING代码

我要回答关注问题

热搜

最近搜索清空

PADDING代码

2 回答

本课相似问答

PADDING代码