|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
破洛洛文章简介:padding属性是CSS用于在一个声明中设置一切padding属性的简写属性。
Padding属性包括了paddingleft:左补间隔(设置距左内边距);paddingtop:头顶补间隔(设置距顶部内边距);paddingright:右补间隔(设置距右内边距);paddingbottom:底补间隔(设置距低内边距)。
paddingleft用法:padding-left:10px;这个意义间隔左边补距10像素,可跟百分好比(padding-left:10%;间隔左边补10%的间隔);
paddingright用法:padding-right:10px;这个意义间隔右边补距10像素,可跟百分好比(padding-right:10%;间隔右边补10%的间隔);
paddingtop用法:padding-top:10px;这个意义间隔顶边补距10像素,可跟百分好比(padding-top:10%;间隔顶边补10%的间隔);
paddingbottom用法:padding-bottom:10px;这个意义间隔低边补距10像素,可跟百分好比(padding-bottom:10%;间隔底边补10%的间隔);
注重padding两头的链接“-”号,设置间隔值时用“:”并付与值,并以“;”停止,而且全体用小写半角字母。
假如是摆布高低都必要设置padding的值时能够简写来完成,以优化css。
如简写体例有:
padding:10px;意义就是高低摆布补钉间隔就是10px(10像素)即是padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;一样效果简写;
padding:5px10px;意义高低补钉间隔为5px,摆布的补钉间隔为10px,即是padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;一样效果简写;
padding:5px6px7px;意义上补钉间隔5px,下补钉间隔为7PX,摆布补钉间隔为6px,即是padding-top:5px;padding-bottom:7px;padding-left:6px;padding-right:6px;一样效果简写;
padding:5px6px7px8px;意义上补钉为5px,右补钉间隔为6px,下补钉间隔为7px,左补钉间隔8px,即是即是padding-top:5px;padding-right:6px;padding-bottom:7px;padding-right:8px;一样效果简写;
个中padding:5px6px7px8px;的转法为顺时针
下面便是div+css网站总结的padding的属性与用法。个中margin的用与padding不异。
</p>
缩短改版时间。只要简单的修改几个CSS文件就可以重新设计一个有成百上千页面的站点。 |
|