1.块级元素,默认是独自占据一行的。比如是<p>、<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、<ul>、<ol>、<dl>、<pre>、<hr />
2.,默认是几个都可以在同一行上显示。比如是<a>、<span>等。

不同点

块属性: 1,默认占一行 2,没有宽度时,默认撑满一排 3,支持所有CSS命令 内嵌(内联,行内)属性: 1,同排可以继续跟同类标签 2,内容撑开宽高 3,不支持宽高 4,不支持上下的margin和padding 5,代码换行被解析。

本文转自 风雨萧条 51CTO博客,原文链接:http://blog.51cto.com/1095221645/1768048,如需转载请自行联系原作者

(内联元素和块级元素)相关推荐

  1. 内联元素与块级元素及内外边距的影响

    内联元素与块级元素 块级元素(block): 新行开始: 高度,行高以及外边距和内边距都可控制: 宽度缺省是它的容器的100% 可以嵌套内联元素和其他块元素 常用的块级元素:div.h1~h6.dl. ...

  2. html中内联元素和块级元素的区别(整理版)

    块级元素和内联元素的主要区别 块级元素 内联元素(即行内元素) 总是在新行上开始,独占一行默认情况下,宽度自动填满其父元素 相邻的行内元素会排列再同一行里,直到一行排不下,才会换行,宽度随元素的内容而 ...

  3. 行内元素和块级元素:内联(行级)元素不能设置margin-top

    内联(行级)元素 不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-righ ...

  4. css 内联元素、块级元素、内联块级元素

    对于display我想很多人都不陌生,然而在谈到内联元素,行内元素等词,还是会有人脑袋瓜子充满了疑问???我曾经自以为已经了解并懂得如何使用display,在学习vertical-align及替换元素 ...

  5. 【HTML】秒懂内联元素和块级元素的区别

    内联元素和块级元素 1.内联元素(inline) (一)内联元素的概念 (二)内联元素的特性 (三)HTML标签中常见的内联元素 2.块级元素(block) (一)块级元素的概念 (二)块级元素的特性 ...

  6. html块级元素转换内联,内联元素和块级元素相互转换

    内联元素和块级元素相互转换属于前端实例代码,有关更多实例代码大家可以查看. 内联元素和块级元素之间可以相互转换,下面就简单介绍一下转换方法. 一.内联元素转换为块级元素: 让内联元素产生浮动或者将它的 ...

  7. 内连级元素有哪些_内联元素和块级元素

    一.行内元素与块级元素的基本概念 1. 块元素 (block element) : 块级元素生成一个元素框, (默认地)它会填充其父级元素的内容,旁边不 能有其他元素.换句话说,他在元素框之前和之后生 ...

  8. html 元素的内联块元素,html内联元素和块级元素的基本概念及使用示例

    html标签分为两种,内联元素和块级元素,首先我们先了解一下内联元素和块级元素的概念: 块级元素:一般是其它元素的容器,可容纳内联元素和其它块级元素,块级元素排斥其它元素与其位于同一行,可设置宽度(w ...

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

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

  10. HTML中行内元素与块级元素的区别

    区别: 1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block. 2.行内元素和其他行内元素 ...

最新文章

  1. 应该使用c# 预定义类型 还是绝对不要使用预定义类型。
  2. 每日一皮:当我在处理别人的代码时...
  3. 每天一道LeetCode-----将间隔集中有重叠的间隔合并
  4. 【渝粤教育】电大中专电商运营实操 (15)作业 题库
  5. DCL并非单例模式专用
  6. 搭建个人博客,还有比这更快的?
  7. bootstrap源码学习:辅助(1)
  8. Linux系统编程 -- exec函数族
  9. 详解如何实现斗鱼、B站等全局悬浮窗直播小窗口
  10. 如何录制电脑系统声音(Audacity)
  11. (亲测好用,史上最详细)Amesim与Matlab联合仿真——软件安装、环境配置和仿真测试详细流程
  12. unity3d学习笔记-特效(1.粒子系统)
  13. 前端微信支付代码(公众号支付)
  14. 学习笔记之Python的六种内置对象
  15. 减法公式运算法则_数学的运算定律
  16. 基于知识图谱的问答系统入门之—NLPCC2016KBQA数据集
  17. 史上首次!苹果谷歌高调合作,打通iOS和安卓,蓝牙匿名追踪新冠接触者,5月上线
  18. WEB端显示摄像头实时图像数据
  19. 手游挂机工作室 - 二三点科普
  20. pySerial使用初步

热门文章

  1. deepnode处理过的图片_教你用PS快速修复图片脏乱和瑕疵,快来一起学习吧!
  2. Bella Email邮件发送模板
  3. 二、Linxu的目录结构
  4. Vite2.0搭建Vue3移动端项目
  5. 使用EasyMock
  6. Spring Boot中常见注解诠释
  7. 复旦大学在职MBA项目2011年度学费调整通知
  8. [译]后台执行UNIX/Linux命令和脚本的五种方法
  9. iOS应用开发:什么是ARC?
  10. 更换session保存的路径