`

html 内联元素和html 块级元素概述及区别

 
阅读更多

html 内联元素和html 块级元素概述及区别

转载:http://www.jb51.net/web/76249.html

 

块级元素(block)特性: 
•总是独占一行,表现为另起一行开始,而且其后的元素也必须另起一行显示; 
•宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制; 

内联元素(inline)特性: 
•和相邻的内联元素在同一行; 
•宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变,就是里面文字或图片的大小; 

 

分享到:
评论

相关推荐

    CSS网页设计 把HTML标记分类

    #### 二、内联元素与块级元素概述 在CSS中,所有HTML元素可以分为两大类:内联元素和块级元素。这两类元素具有不同的显示特性和布局行为,了解它们之间的区别有助于更好地组织和呈现网页内容。 - **内联元素...

    文档流 div+css

    - **块级元素与内联元素的区别:** 块级元素占据整行空间,而内联元素则与文本一起出现在行中。 #### 二、文档流中的元素类型 **1. 块级元素(Block Elements):** - **定义:** 块级元素通常被用来定义文档结构中...

    网页HTML简单教程

    HTML元素是构成网页的基本单位,分为块级元素和内联元素: 1. 块级元素(如、、<h1>-):每个元素都会在新行上开始,占据一整行宽度。 2. 内联元素(如、、):不会自动换行,只占据自身内容所需空间。 四、文本...

    html概述.pdf

    ### HTML概述及基础知识点 #### 一、HTML概念与文档结构 **HTML**(HyperText Markup Language)是一种标准标记语言,用于创建网页。它通过一系列标签来定义文本、图像和其他元素的结构和布局。 - **HTML文档**: 是...

    基于文档流解读html元素的(css)定位形式

    3. **内联元素共享行**:内联元素(如`<span>`)不会独占一行,而是与其他内联元素在同一行中排列。 4. **子行生成**:无论是块级、内联还是列表元素都可以生成子行,用于放置子元素。 #### 元素离开文档流的方式 ...

    html标准学习教程

    块级元素(如`<div>`、`<p>`)占据整个宽度并始于新行,而内联元素(如`<span>`、`<a>`)只占据自身内容宽度,可与其他内联元素同排。 九、CSS与HTML结合 CSS(Cascading Style Sheets)用于美化HTML,通过`<style>...

    李炎恢HTML_CSS教程.pdf

    * CSS传统布局:块级元素、内联元素、浮动、定位 * CSS多列布局:多列布局、column-count、column-width * CSS弹性伸缩布局:flexbox、flex-grow、flex-shrink 其他 * 使用Emmet插件:Emmet插件简介、使用方法 * ...

    html离线文档

    元素分为块级元素(如div、p)和内联元素(如span、a),前者占据独立的区域,后者在一行内显示。 四、HTML属性 属性用于给HTML元素提供附加信息。例如,href属性用于定义链接地址,src属性用于指定图像或媒体文件...

    《Web前端设计基础——HTML5、CSS3、JavaScript》课后答案整理.pdf

    - 和是常用的布局标签,其中是块级元素,而是内联元素。 - 和用于区分内容区域,表示独立内容,而用于划分内容节。 6. 超链接与字符实体 - 超链接元素用于创建指向其他资源的链接,支持跳转到不同网页、页面内部...

    HTML教程

    HTML标签分为块级元素和内联元素。块级元素如`<div>`、`<p>`会独占一行,而内联元素如`<span>`、`<a>`则可以并排显示。常见的标签有: 1. `<h1>`至`<h6>`:定义六级标题。 2. `<p>`:定义段落。 3. `<a>`:定义...

    1_htmlcss规范.docx

    - 特殊的块级元素,如`h1`至`h6`、`p`、`dt`,只能包含内联元素。 - `li`可以包含`div`,因为它们都是内容容器。 - 块级元素不应被置于`p`标签内,以避免语义错误。 二、CSS规范 1. 命名空间 - 命名空间有助于提高...

    html&css入门基础知识点.pdf

    * 元素:(块级元素)、(内联元素) 列表标签: * 有序列表: * 无序列表: * 列表项: * 定义列表: * 定义项目: * 定义描述: 表格标签: * 表格: * 表格行: * 单元格: 例如,以下是一个简单的表格: ``...

    HTML网页代码

    HTML标签可以分为块级元素和内联元素。块级元素如`<p>`(段落)、`<div>`(分组内容)和`<h1>`到`<h6>`(标题)会占据整个宽度并新起一行。内联元素如`<a>`(超链接)、`<span>`(文本级别分组)和`<img>`(图像)只...

    【温故而知新】HTML元素:属性:标题:注释:段落:文本格式:头部:主体.md

    - **`<div>`**:常用作块级容器,便于内容组织和样式化。 - **`<span>`**:用于行内容器,常用于对部分文本进行样式化。 - **`<ul>`和`<ol>`**:分别定义无序和有序列表。 - **`<li>`**:列表项元素。 - **`<table>`...

    速成.pdf

    * HTML标签分为块级元素和内联元素两种 * 块级元素包括h1-h6、p、div、ul、ol、li等 * 内联元素包括a、span、img、input、label等 * HTML标签可以分为结构性标签、语义性标签和功能性标签三种 CSS样式 * CSS样式...

    html基础教程与使用

    5. 块级元素与内联元素:`div`元素是块级元素,它能占据一整行并可以容纳其他元素。`div`常用于布局和组合内容。而`span`是内联元素,它只占据自身内容的宽度,常用于文本级别的样式控制。通过CSS,可以改变元素的...

    HTML教学PPT

    3. **HTML元素**:详细介绍各种HTML标签,包括块级元素(如`<div>`和`<h1>`-`<h6>`)、内联元素(如`<span>`和`<a>`)以及表格、列表、图像等元素的使用。 4. **属性**:讲解如何使用属性来为元素提供附加信息,例如...

    HTML基础教程

    九、HTML块级和内联元素 1. 块级元素如`<p>`、`<div>`占据整个宽度,新的元素会在新行开始。 2. 内联元素如`<span>`、`<a>`只占据所需宽度,多个内联元素可以在一行内显示。 十、HTML框架 `<frameset>`和`<frame>`...

Global site tag (gtag.js) - Google Analytics