html所有关于内边距外边距的标签属性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html所有关于内边距外边距的标签属性相关的知识,希望对你有一定的参考价值。

html所有关于内边距外边距的标签属性,麻烦详细点。

1、padding-top 属性:设置 p 元素的上内边距,该属性设置元素上内边距的宽度。行内非替换元素上设置的上内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。不允许指定负内边距值。

2、padding-right 属性:设置元素右内边距(空白)。该属性设置元素右内边距的宽度。行内非替换元素上设置的右内边距仅在元素所生成的第一个行内框的右边出现.

3、padding-bottom 属性:设置元素的下内边距(底部空白)。该属性设置元素下内边距的宽度。行内非替换元素上设置的下内边距不会影响行高计算,因此,如果一个元素既有内边距又有背景,从视觉上看可能延伸到其他行,有可能还会与其他内容重叠。不允许指定负内边距值。


4、padding-left 属性:设置元素左内边距(空白)。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现.

5、margin 属性:在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

参考资料来源:百度百科-CSS外边距

参考资料来源:百度百科-CSS内边距

参考技术A padding-bottom:用于指定区域文字与区域底部的间距,默认值为0;
padding-top:用于指定区域文字与区域顶端的间距,默认值为0;
padding-left:用于指定区域文字与区域左边的间距,默认值为0;
padding-right:用于指定区域文字与区域右边的间距,默认值为0;
padding:以上样式的综合表示法

margin-bottom:用于指定区域的下边界大小,即区域下边框与区域下面组件之间的距离;
margin-top:用于指定区域的上边界大小,即区域上边框与区域上面组件之间的距离;
margin-left:用于指定区域的左边界大小,即区域左边框与区域左边组件之间的距离;
margin-right:用于指定区域的右边界大小,即区域右边框与区域右边组件之间的距离;
margin:用于指定区域的边界大小;本回答被提问者采纳
参考技术B 内边距:padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。padding-top设置元素的上内边距。外边距:padding简写属性。作用是在一个声明中设置元素的所内边距属性。padding-bottom设置元素的下内边距。padding-left设置元素的左内边距。padding-right设置元素的右内边距。padding-top设置元素的上内边距。

css框模型定位浮动

一、CSS 框模型概述

1.CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框、外边框的方式。

2.元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。

提示:背景应用于由内容和内边距、边框组成的区域。

二、css内边框

1.元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

2.CSS padding 属性定义元素边框与元素内容之间的空白区域。

   CSS padding 属性定义元素的内边距。padding 属性接受长度值或百分比值,但不允许使用负值。

3.单边内边距属性

 分别设置上、右、下、左内边距:padding-top

                                                       padding-right

                                                       padding-bottom

                                                       padding-left

三、css的定位与浮动

CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。

定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。要知道,用户代理对 CSS2 中定位的支持远胜于对其它方面的支持,对此不应感到奇怪。

另一方面,CSS1 中首次提出了浮动,它以 Netscape 在 Web 发展初期增加的一个功能为基础。浮动不完全是定位,不过,它当然也不是正常流布局。我们会在后面的章节中明确浮动的含义。

1.定位 : top,left,right,bottom 只有元素增加定位的情况下才会使用。

       相对定位:一般不要去用top,left,right,bottom。

       绝对定位:元素会脱离文档流,一般不要去用margin,用top,left,right,bottom。

备注:一般的情况下:相对定位和绝对定位是同时出现的。

           一般所有的下拉框都是绝对配合着相对定位完成的。

2.浮动:浮动分为两种,左浮动和右浮动。

              浮动会脱离文档流。

              清除浮动: 不是清除自身的浮动,而是清除上一个浮动对自身造成影响。

 

以上是关于html所有关于内边距外边距的标签属性的主要内容,如果未能解决你的问题,请参考以下文章

内边距,外边距说明-----壹

关于css盒子边框、内边距、外边距

css盒子模型的深入理解,在块级、行内元素的区别和特性

css外边距怎么设置

css内边距问题,关于使用padding后容器被撑开

盒子模型属性,标签的浮动和定位