重温HTML5小记。三年后再回首前端((⊙﹏⊙)b)

html中的行内元素和块级元素有哪些。
在html中,元素主要分为行内元素和块级元素;
行内元素(内联元素)指的是书写完成后不会自动换行,并且元素没有宽和高。
特点:
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度,依靠自身字体大小和图形支撑结构的,不可以改变
4.行内元素只能行内元素,不能包含块级元素
5.行内元素的paddding可以设置
6.margin只能够设置水平方向的边距,即:margin-left和margin-right,设置margin-top和margin-bottom无效
7.块级大多为结构性标记
在这里插入图片描述

块级元素写完后会自动换行,有宽高可以修改。
特点:
1.总是从新的一行开始 2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
5.块级文字元素中不能放入其他块级元素 6.块级大多为结构性标记

在这里插入图片描述

还有一种特殊的元素叫做行内块元素。
特点:
综合块级元素与行内元素的特性,可设宽高(默认是内容宽高),也可以设置内外边距
在这里插入图片描述

内联元素和块级元素的转换
内联元素—>块级元素
display:block
块级元素—>内联元素
display:inline
还有一个比较特别的就是display:inline-block,这个属性使对象按照行来显示,但可以对其设置高度(具有块级元素的性质)

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值