资讯专栏INFORMATION COLUMN

课时107.内边距属性(掌握)

psychola / 1971人阅读

摘要:什么是内边距边框和内容之间的距离就是内边距格式非连写连写上右下左注意点这三个属性的取值省略时的规律上右下左上右下左边的取值和右边的一样上右下左上右左边的取值和右边的一样下边的取值和上边的一样上右下左上右下左的取值和上边的一样给标签设

1.什么是内边距?

边框和内容之间的距离就是内边距

2.格式

2.1非连写

padding-top:

padding-right:

padding-bottom:

padding-left:

2.2连写

padding:上   右   下   左;

注意点

1.这三个属性的取值省略时的规律

上  右  下  左 > 上  右 下>左边的取值和右边的一样

上  右 下 左>上  右>左边的取值和右边的一样 下边的取值和上边的一样

上  右 下 左>上>右下左的取值和上边的一样

2.给标签设置内边距之后,标签占有的宽度和高度会发生变化

3.给标签设置内边距之后,内边距也会右背景颜色

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/2087.html

相关文章

  • 课时38.表格标签的属性(了解)

    摘要:宽度和高度的属性可以给标签和标签使用标签不能使用水平对齐和垂直对齐的属性其中水平对齐可以给标签和标签和标签使用垂直对齐只能给标签和标签使用外边距和内边距属性只能给标签使用补充上节课内容表格的宽度和高度默认是按照内容的尺寸来调整的也可以通过给1.宽度和高度的属性 可以给table标签和td标签使用(tr标签不能使用) 2.水平对齐和垂直对齐的属性 其中水平对齐可以给table标签和tr标签和t...

    callmewhy 评论0 收藏0
  • 理解 BFC (Block Formatting Model)

    摘要:是指块级元素,就是会强制换行的元素,比如。将元素推向左侧。请根据不同的实际情况,选择最合适的方式。再次重申一下,是为子元素创建定位环境。,由于浮动元素占据了一定的宽度,新创建的会因此而变窄。这里只是为了更好地去理解而做一个例子。 什么是 BFC W3C 为浏览器规定了三种定位模型:Normal Flow, 浮动, 和绝对定位。本文所介绍的 BFC (Block Formatting M...

    Tonny 评论0 收藏0
  • 前端基础入门二(CSS)

    摘要:输入的时候少按一个键浏览器兼容问题比如使用的选择器命名,在是无效的能良好区分变量命名变量命名是用不要纯数字中文等命名,尽量使用英文字母来表示。选择器和类选择器最大的不同在于使用次数上。当需要设置英文字体时,英文字体名必须位于中文字体名之前。 回顾上一节HTML 思维导图 showImg(https://segmentfault.com/img/bVbno3O?w=1378&h=1178...

    Lorry_Lu 评论0 收藏0
  • CSS规范 > 8 盒模型 Box Model

    摘要:当两个及以上外边距折叠,合并后的外边距宽度是发生折叠的外边距中的最大宽度。如果该元素的外边距同其父元素的上外边距折叠,则该盒的上边框边缘同其父元盒的上边框边缘相同。 2017-07-20: 关于外边距折叠, 推荐问题: https://segmentfault.com/q/10... 8 盒模型 Box Model URL: http://www.w3.org/TR/CSS2/box...

    suemi 评论0 收藏0
  • [译]HTML&CSS Lesson4: 盒子模型

    摘要:而内联元素会并排显示,宽度紧随内容变化而变化。但元素又按照内联元素显示,不会另起一行。这种情况下,只能指定非内联元素的属性值。如下是为非内联元素设置宽度的例子高度元素的默认高度取决于它的内容。 现在我们已经熟悉了HTML和CSS。了解了它的基础。现在我们来更深入的了解元素在页面中的呈现和大小。 在这节课中,我们将会讨论什么是盒子模型,它的工作模式是怎样的。我们也会在课程中学习一些新的C...

    yzd 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<