什么是块元素?什么是行内元素?想必学习web前端培训知识的同学们,课上都会有提到这一方面,如果对这个知识点还不是很熟悉,可以看看下面小编整理的内容。

  什么是块元素?什么是行内元素?

  HTML标签语言提供了丰富的标签,用于组织页面结构。为了使页面结构的组织更加轻松、合理,HTML标签被定义成了不同的类型,一般分为块元素和行内元素,也称为块标签和行内标签,了解它们的特性可以为使用CSS设置样式和布局打下基础。

  1. 块元素

  块元素在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。

  常见的块元素有:

  <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。

  2. 行内元素

  行内元素也称内联元素或内嵌元素,其特点是,不会占据一行,也不强迫其他的标签在新的一行显示。一个行内标签通常会和其他行内标签显示在同一行中,它们不占有独立的区域,仅仅靠自身的文本内容大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。

  常见的行内元素有<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等,其中<span>标签最典型的行内元素。

什么是块元素?什么是行内元素?相关推荐

  1. Web前端技术分享:什么是块元素?什么是行内元素?

    什么是块元素?什么是行内元素?想必学习web前端知识的同学们,课上都会有提到这一方面,如果对这个知识点还不是很熟悉,可以看看下面小千整理的内容. 什么是块元素?什么是行内元素? HTML标签语言提供了 ...

  2. html 块内元素 下移,html——行内元素、块元素、行内块元素

    行内元素:span  ,a,  ,strong , em,  del,  ins.特点:在一行上显示:不能直接设置宽高:元素的宽和高就是内容撑开的宽高. 块元素:div,h1-h6,p,ul,li.特 ...

  3. css变成块级元素_探讨行内元素转换为块级元素_html/css_WEB-ITnose

    行内元素和块级元素对于前端来说是一个很重要的概念.在CSS中,只有块级元素有物理属性,而元素则有三种形态: 1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行. 2. 行内 ...

  4. html li是块级元素,li是行内元素吗?

    li是行内元素吗? li不是行内元素:ul和li都是块级元素.因为ul和li标签的高度,行高以及外边距和内边距都可控制:且可以容纳内联元素和其他块级元素. 块级元素(block element),和其 ...

  5. HTML元素分类:行内元素,块级元素,行内块元素;及其各自的特点

    目录 块级元素 行内元素(内联元素) 行内块元素(内联块级元素) 一.块级元素(block)         定义:默认情况下,独占一行的元素就是块级元素.         特点: 每个块级元素独占一 ...

  6. 块状元素、内联元素(又叫行内元素)和内联块状元素

    块元素在页面中以区域块的形式出现,每个块元素都会独自占据一整行或多整行,其中<div>标记为最典型的块元素.内联元素特点是不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示.一个行 ...

  7. 行内元素中的非替换行内元素和替换行内元素

    今天看<别具光芒css>发现了以前未见过的词,替换的行内元素和非替换的行内元素.            替换的行内元素具有"内在尺寸",尺寸是有自身决定的,而不会受周围 ...

  8. 【HTML】行内元素与块级元素

    一.行内元素与块级元素的三个区别 1.行内元素与块级元素直观上的区别 行内元素会在一条直线上排列,都是同一行的,水平方向排列 块级元素各占据一行,垂直方向排列.块级元素从新行开始结束接着一个断行. 2 ...

  9. [HTML/CSS]盒子模型,块级元素和行内元素

    目录 概述 盒子模型 块级元素 行内元素 可变元素 总结 概述 在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效.虽然自己不是做前端的,但是,在项 ...

最新文章

  1. PgSQL · 实战经验 · 如何预测Freeze IO风暴
  2. 互联网和嵌入式哪个卷?
  3. 二十九、Node.js连接Mysql和MongoDB数据库CURD操作
  4. sed知识整理:模式空间
  5. 值得一谈的鸿蒙2.0,程序员们拿起你们手中的编译器撸一下hello world
  6. 【C#】ADO .Net Entities Framework使用查询语句时遇到的错误
  7. Python笔记-weditor的安装及基本使用
  8. 在ubuntu16.04下安装opencv3.4.5(超详细)
  9. 项目管理-自上而下还是自下而上的沟通?
  10. plot sin 03-数据区域边界线的位置
  11. Java中的类加载器ClassLoader
  12. android ios av tv,无需Apple TV的AirPlay镜像的顶级4解决方案您应该知道
  13. Python中的时间序列数据可视化的完整指南
  14. 华为鸿蒙系统有广告吗,系统特权?华为鸿蒙被曝看视频能免广告,没正式发布就出bug...
  15. 五、隐函数微分法和逆函数导数 六、指数与对数函数导数、对数微分法 七、第一次考试复习
  16. 网吧管理系统C语言作业,C语言课程设计-网吧管理系统.doc
  17. 日记侠:知识付费创富没赶上,看别人赚钱你急不急?
  18. 索引的数据结构--MySQL
  19. 打印ASCII码 c++
  20. 小程序 | 认识CMS、创建云开发环境、创建并进入CMS内容管理系统

热门文章

  1. 土地档案管理系统需求分析
  2. 北京智能计算产业研究院落户顺义,中科睿芯联手计算所、顺义区打造“产业园2.0”...
  3. linux下的vi与vim
  4. LinkedIn领英发布《2016中国人才趋势报告》
  5. Linux下用汇编输出Hello, world
  6. 裸centos安装PCRE时报错解决
  7. 2010.10.30 OA 项目组一周工作报告
  8. MyEclipse断点调试
  9. ​2018你不得不看的国内CRM软件排行榜
  10. activeMQ - 消息重发策略和DLQ死信队列