html行内元素、块级元素和行内块元素的区别

本文详细介绍了HTML中的行内元素、块级元素以及行内块级元素的区别,并解释了空元素的概念。此外,还对盒子模型进行了概述,包括如何通过CSS属性实现特定的布局效果。
  1. 行内元素大致有b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q, script, span, sub, sup, input, label, select, textarea(粗体为较为常用)
  2. 块级元素有div、p、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、address等。
  3. 行内块级:button

区别如下:
行内元素
从左往右排列,不占据一行;
对其设置宽高及margin的上下距离无效

块级元素
单独占据一行

行内块级元素
不会自动换行,相比行内可以设置宽高,具有行内块级共同特性。

空元素有input,img,br,hr,link等

盒子分为内在盒子和外在盒子,外在盒子决定是否一行显示还是要换行。内在盒子决定是否能设置宽高等。
如inline-block的inline是外在盒子。设置inline-table之后再设置子元素为table-cell可达成表格布局。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值