块元素block,内联元素inline; inline-block;

block:块元素的特征 div ol li 等:

1.只有高度不设置宽度的时候默认撑满一行;

2.默认块元素不在一行;

3.支持所以CSS命令;

inline:内联元素的特征 span i strong 等:

1.宽高由内容撑开;

2.不支持宽高;

3.一行上显示同类的内联元素;

4.不支持上下的margin;

5.元素换行可以被解析;

inline-block: 元素特征

1.块元素在一行内显示;

2.行内元素支持宽高;

3.没有宽度的时候内容撑开宽度;

时间: 2024-10-09 23:48:50

块元素block,内联元素inline; inline-block;的相关文章

CSS 中 block 元素(块级元素)与 inline 元素(内联元素)详解

块元素 (block element) 一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素 , 常见块元素是段落标签“P”.“form”这个块元素比较非凡,它只能用来容纳其他块元素. 假如没有 CSS 的作用,块元素会顺序以每次另起一行的方式一直往下排.而有了 CSS 以后,我们可以改变这种 HTML 的默认布局模式,把块元素摆放到你想要的位置上去.而不是每次都愚蠢的另起一行.需要指出的是,table 标签也是块元素的一种,Table Based Layout 和 

块级元素与内联元素

块元素(block element) ◎ address - 地址 ◎ blockquote - 块引用 ◎ center - 举中对齐块 ◎ dir - 目录列表 ◎ div - 常用块级容易,也是css layout的主要标签 ◎ dl - 定义列表 ◎ fieldset - form控制组 ◎ form - 交互表单 ◎ h1 - 大标题 ◎ h2 - 副标题 ◎ h3 - 3级标题 ◎ h4 - 4级标题 ◎ h5 - 5级标题 ◎ h6 - 6级标题 ◎ hr - 水平分隔线 ◎ is

CSS块级元素、内联元素概念

CSS文档流与块级元素(block).内联元素(inline),之前翻阅不少书籍,看过不少文章, 看到所多的是零碎的CSS布局基本知识,比较表面.看过O'Reilly的<CSS权威指南>,发现里面提到的文档流概念让我很敏感. 可恶的是书中并没有解释文档流是什么东西,或许作者觉得这个太简单了以至于不值一提.但我觉得,这个概念实在太重要了.理解了它,一堆CSS布局的理论都变得易于理解,并且体会到CSS这套设计的合理性所在. 文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即

html的块级元素和内联元素

常用的块级元素: address , center , div , dl ,, form , h1 , h2 , h3 , h4 , h5 , h6 , menu , ol , p , table , ul , li 在HTML5的规范中,<header><nav><footer><article><section>等标签其实就是<div>,而这些新标签出现的意义是为了更好的划分整体HTML文档显示逻辑结构, 比如,在<head

CSS--基础块级元素与内联元素

在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素.内联元素(又叫行内元素)和内联块状元素.在HTML和XHTML中,块级元素不能继承自行内元素(即不能嵌套在行内元素),<p>I like <em>it</em></p>是正确的写法,但是<em>I like<p>it</p></em>是不正确的. 常用的块状元素有: <div>.<p>.<h1>...<

CSS中的块级元素、内联元素(行内元素)

Block element 块级元素    顾名思义就是以块显示的元素,高度宽度都是可以设置的.比如我们常用 的<div>.<p>.<ul>默认状态下都是属于块级元素.块级元素比较霸道,默认状态下每次都占据一整个行,后 面的内容也必须再新起一行显示.当然非块级元素也可以通过css的display:block;将其更改成块级元素.此外还有个特殊的,float也具有 此功能. Inline element 内联元素 通俗点来说就是文本的显示方式,与块级元素相反,内联元素的高

块级元素与行级元素(内联元素)

内联元素(inline element)一般都是基于语义级(semantic)的基本元素.内联元素只能容纳文本或者其他内联元素,常见内联元素"a". 块元素(block element)和内联元素(inline element)都是html规范中的概念.块元素和内联元素的基本差异是块元素一般都从新行开始.而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了.比如,我们完全可以把 内联元素cite加上display:block这样的属性,让他也有每次都从新行开始的属性.

html中的块元素和内联元素的区别

一.定义 块元素一般都从新行开始,它可以容纳内联元素和其他块元素,可设置高度.宽度和边距等. 内联元素一般都是基于语义级的基本元素,它只能容纳文本或其他内联元素,主要特点是:和其他元素位于同一行上,高度.宽度和边距不可改变. 二.分类 块元素(block element) * address - 地址 * blockquote - 块引用 * center - 举中对齐块 * dir - 目录列表 * div - 常用块级容易,也是css layout的主要标签 * dl - 定义列表 * fi

html的块级元素与内联元素

css规定每个网页元素都有一个display属性,用于确定该元素的类型. 块级元素:(display:block) div.p.ul.li.ol.dl.form.address.h1-h6.table.blockquote.fieldset.memu.center等 块级元素会独占一行,其宽度自动填满父元素宽度 可以设置width.height属性,即使设置了width,仍独占一行 可以设置margin.padding的top.right.bottom.left四个方向值 内联元素:(displ

HTML中的块级元素和内联元素记录

html块状元素.内联元素  块级元素的分类块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素.  结构化块状元素  这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的.它们没有语义上的含义仅仅划分出了文档的组织方式,并没有体现文档的内容.  主要的结构化块状元素     * <ol>     * <ul>      * <dl>     * <table>  支