html 什么叫做块元素 内联元素,html常见的块元素与内联(行内)元素用法说明(一),html内联元素有哪些分享...

块元素的属性:无论内容是什么,都会独占一整行。主要用于页面布局。

内联元素的属性:只占自身大小的元素,不会占用一行。主要用于选中文本设置样式。

div块元素仅仅只用于进行页面布局,它自身不带任何默认样式。

span内联元素可以用来选中文本设置文本的样式,其自身不会带默认样式。

一般情况下,只使用块元素包含内联元素,而不会使用内联元素去包含块元素。

a元素可以包含任意元素,除了其本身。

p元素不可包含任何的块元素。

%

效果显示(默认在

270f017a5d180a88ecbffa65b762ad09.png

从上面的效果图中,可以看出,有些块元素和内联元素会自带默认样式,比如:p, h1, h2, h3

p自带默认样式为:

p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px; }

270f017a5d180a88ecbffa65b762ad09.png

h1自带默认样式:

h1{display:block;font-size:2em;margin-block-start:0.67em;margin-block-end:0.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold; }

270f017a5d180a88ecbffa65b762ad09.png

h2自带默认样式:

h2{display:block;font-size:1.5em;margin-block-start:0.83em;margin-block-end:0.83em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold; }

270f017a5d180a88ecbffa65b762ad09.png

h3自带默认样式:

h3{display:block;font-size:1.17em;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px;font-weight:bold; }

270f017a5d180a88ecbffa65b762ad09.png

当然还有body元素也会带默认样式:

body{display:block;margin:8px; }

270f017a5d180a88ecbffa65b762ad09.png

www.dengb.comtruehttp://www.dengb.com/HTML_CSS/1370785.htmlTechArticlehtml常见的块元素与内联(行内)元素用法说明(一),html内联元素有哪些 html平时常见的块元素有:div, p, h1, h2, h3等,内联元素有:span,…

—-想了解更多的

本文来自网络收集,不代表猴子技术宅立场,如涉及侵权请点击右边联系管理员删除。

如若转载,请注明出处:https://www.ssfiction.com/cssjc/108186.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值