仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 771|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来讲讲:CSS实例教程:详解Padding属性

[复制链接]
再见西城 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:54 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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文件就可以重新设计一个有成百上千页面的站点。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 19:54:03 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
兰色精灵 该用户已被删除
板凳
发表于 2015-1-26 22:09:54 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
小妖女 该用户已被删除
地板
发表于 2015-2-5 04:28:03 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-11 05:44:45 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
分手快乐 该用户已被删除
6#
发表于 2015-3-1 23:13:21 | 只看该作者
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
老尸 该用户已被删除
7#
发表于 2015-3-11 03:02:45 | 只看该作者
可以使用 CSS 检查工具进行设计。
小魔女 该用户已被删除
8#
发表于 2015-3-17 21:09:29 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 03:22

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表