原创力文档- 1、本文档共13页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
主讲人：黄小飞HTML5网页设计边距和填充
人民网登录网页
问题导入左填充：10px上填充：10px下填充：30px下边距：15px这些填充都是怎么实现的呢？
边距和填充CSS3 边距属性 margin 用于设置元素周围的边界宽度，主要包括上下左右 4个边界的距离设置。填充属性padding 也称为补白属性，用于设置边框和元素内容之间的间隔，同样包括上、下、左、右 4 个方向的值。填充内容边距边框
一、边距边距是指页面中元素与元素之间的间距，margin分为上、下、左、右4 个方向，可以单独设置 margin-top、margin-left、margin-right、margin-bottom，也可以使用复合属性 margin 进行设置。使用复合属性 margin 设置边距时，存在 4 种方式。边距（margin)
一、边距仅设置一个值，则应用于所有的四个边距。
一、边距设置两个值，则表示上下、左右边距。
一、边距设置三个值，则对应上、左右、下边距。
一、边距设置四个值，则按照上、右、下、左的顺序分别对应其边距。
一、边距使用margin属性实现如下样式
二、填充元素的填充也称为内边距，它是指元素内容与边框之间的距离，填充分为上、下、左、右四个方向，可通过padding-top、padding-left、padding-right、padding-bottom分别设置四个方向的内边距，也可以通过复合属性padding设置。填充（padding)
二、填充使用padding属性实现如下样式。
三、思考使用 HTML5 以及 CSS3 完成电脑信息列表页面。
文档评论（0）