HTML块状元素和内联元素


可以这样解释在HTML(超文本标记语言)中将标签分为两种:
一种是容器级,例如div,h,li,dt,dd,ul.table,p,blockquote,address,caption
另一种是文本就级,例如p,a,b,span,em,i,u,
而在CSS中将标签分为
块状:*

      • ...

      内联(行内):

      • a - 锚点
      • abbr - 缩写
      • acronym - 首字
      • b - 粗体(不推荐)
      • bdo - bidi override
      • big - 大字体
      • br - 换行
      • cite - 引用
      • code - 计算机代码(在引用源码的时候需要)
      • dfn - 定义字段
      • em - 强调
      • font - 字体设定(不推荐)
      • i - 斜体
      • img - 图片
      • input - 输入框
      • kbd - 定义键盘文本
      • label - 表格标签
      • q - 短引用
      • s - 中划线(不推荐)
      • samp - 定义范例计算机代码
      • select - 项目选择
      • small - 小字体文本
      • span - 常用内联容器,定义文本内区块
      • strike - 中划线
      • strong - 粗体强调
      • sub - 下标
      • sup - 上标
      • textarea - 多行文本输入框
      • tt - 电传文本
      • u - 下划线
      • var - 定义变量

      块状元素

      特点:
      1.每个块级元素都从新的一行开始,并且其后的元素也另起一行。
      2.元素的高度,宽度,行高以及顶和底的边距都可以设置。
      语法:
      使用display:block;可以将其设置为块状元素,使其具有块状元素的特点。

      内联元素

      特点:
      1.每个内联元素都会和其他元素在一行,不会像块状元素那样霸道的独占一行。
      2.元素的高度,宽度,行高以及顶和底的边距都不可设置。
      3.元素的宽度就是他们所包含的文字或者图片的宽度,不可设置。
      语法:
      使用display:inline;可以将其设置为内联元素,使其具有块状元素的特点。

      内联块状元素

      特点:
      1.每个内联块状元素都会和其他元素在一行。
      2.元素的高度,宽度,行高以及顶和底的边距都可以设置。
      语法:
      使用display:inline-block;可以将其设置为内联块状元素,使其具有块状元素的特点。

      none属性

      当元素想要隐藏是可以使用display:none;
      这样就可以将元素隐藏起来。

      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

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

      抵扣说明:

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

      余额充值