当前位置:首页>在线课程>网页设计>Div+CSS>CSS3 技术与浏览器兼容性解析(已完结)>设置网页元素的盒模型

[第45课] 设置网页元素的盒模型

讲师:李晓斌  长度:7分01秒  软件:Div+CSS  发布日期:2018年04日10日
视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
视频播放界面 播放按钮
分享到:
课程介绍
  

1.margin属性

margin属性用于设置页面中元素和元素之间的距离,即定义元素周围的空间范围,是页面排版中一个比较重要的概念。

margin属性的语法格式如下。

margin: auto | length;

其中,auto表示根据内容自动调整,length表示由浮点数字和单位标识符组成的长度值或百分数,百分数是基于父对象的尺寸大小。对于内联元素来说,左右外延边距可以是负数值。

margin属性包含4个子属性,用于分别控制元素4周的边距,分别是margin-top(上边距)、margin-right(右边距)、margin-bottom(下边距)和margin-left(左边距)。

2.border属性

border属性是内边距和外边距的分界线,可以分离不同的HTML元素,border的外边是元素的最外围。在网页设计中,计算元素的宽和高,则需要把border属性值计算在内。

border属性的语法格式如下。

border : border-style | border-color | border-width;

border属性有3个子属性,分别是border-style(边框样式)、border-width(边框宽度)和border-color(边框颜色)。

3.padding属性

在CSS中,可以通过设置padding属性定义内容与边框之间的距离,即内边距,也可以称为内填充。

padding属性的语法格式如下。

padding: length;

padding属性值可以是一个具体的长度,也可以是一个相对于父元素的百分比,但不可以使用负值。

padding属性包括4个子属性,用于分别控制元素4周的填充,分别是padding-top(上填充)、padding-right(右填充)、padding-bottom(下填充)和padding-left(左填充)。

注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论

您必须 [ 登录 ] 才能发表评论!

如何观看全部课程
VIP会员399元1年可享受的权限:
观看下载所有视频教程
下载未来一年更新教程
可加入VIP群进行技术讨论
可下载所有资源(源文件和素材)
第二年续费仅为279元

推荐课程

[网页设计] PHP动态网站开发实例教程(持续更新)

讲师:李晓斌

35

课时
推荐图文教程
推荐书籍
首 页在线课程书籍光盘图文教程
点击这里给我发消息47707077
点击这里给我发消息11402485
联系电话

13520020606

联系邮箱
47707077@qq.com
营业执照  |  网上有害信息举报  |  Copyright © 2017 学设计网, All Rights Reserved  |  京ICP备14050932号