块级元素、行级元素、行内块元素

1、块级元素

  • 独占一行
  • 可以设置宽度和高度
  • 支 持所有的margin和padding
  • 可以作为容器包含其他元素,但是p标签不能包含自身及其他块元素
  • 常见的块级元素:p、div、h1-h6、hr、ul、ol、li、dl、 dt 、dd 、table、 form...
2、行内元素.

  • 行内元素可以在一行显示
  • 不可以设置宽度和高度
  • 支持部分的margin和padding(一般是不支持margin的上下)
  • 行内可以包含行内元素,但是不可以包含块元素
  • 常见的行内元素:a 、span、 b、 strong、 i、 em
3、行内块元素

  • 既具有块元素的特点,也具有行内元素的特点,常见的行内块元素有:img 、input 、select、 textarea,注意行内元素有显示的问题,如行内块元素间有间隙且行内块元素下方有间隙,解决方法是代码之间要相邻不换行然后需将其调整为块元素(block)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值