来讲讲：CSS实例教程:详解Padding属性
对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。破洛洛文章简介：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文件就可以重新设计一个有成百上千页面的站点。 每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。 技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。 由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 可以使用 CSS 检查工具进行设计。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
页:
[1]