HTML基础（二）

STPace

2020-03-07

关注关注

1.HTML布局的基本：

区块元素：该元素标签的显示以新的一行来作为开始。 h1\p\ul\table

内联元素：元素标签的显示不会以新的一行开始 td\a\img

div: 块级元素，作为其他元素的容器

span：内联元素，作为其他文本元素标签的容器

总结：网页布局采用span 或者div进行布局，通常 div嵌套span div会换行 span不会换行

内联元素 html换行

STPace

0 关注 0 粉丝 0 动态

关注关注

html知识点

块元素显示时，通常以新行开始。<span>是内联元素，可以作为文本的容器

nercon 2019-12-31

css块级元素

《CSS权威指南》中文字显示：任何不是块级元素的可见元素都是内联元素。其表现的特性是“行布局”形式，这里的“行布局”的意思就是说其表现形式始终以行进行显示。比如，我们设定一个内联元素border-bottom:1px solid #000;时其表现是以每行

zhanghao 2019-12-23

web前端入门到实战：html常见的块元素与内联（行内）元素用法说明

html平时常见的块元素有：div, p, h1, h2, h3等，内联元素有：span, a, img等。主要用于选中文本设置样式。div块元素仅仅只用于进行页面布局，它自身不带任何默认样式。一般情况下，只使用块元素包含内联元素，而不会使用内联元素去包含

wwwxuewen 2019-11-17

CSS文档流与块级元素和内联元素

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.每个非浮动块级元素都独占一行,浮动元素则按规定浮在行的一端.若当前行容不下, 则另起新行再浮动.浮动元素不占任何正常文档流空间，而浮动元素的定位还是基于正常的文档流，然后从文档流中

sorryericsson 2014-05-30

css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

对于 HTML 来说，:root 表示 <html> 元素，除了优先级更高之外，与 html 选择器相同。应该是类似于html页面的元素会把多余空格变成一个空格。

jianqi 2019-06-30

《CSS世界》笔记三：内联元素与对齐

写在前面在页面布局中，内联元素的垂直对齐是比较常见和基础的布局需求，但是我们往往会因为垂直对齐中的1px，2px而头疼不已。在这一篇博客中，张大大从深层次解释了垂直对齐的原理，并为内联元素的垂直对齐提供了最佳实践。x-height：小写字母 x 的高度，术

jianqi 2019-06-28

HTML5 块级元素与行内元素

块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P"。

hhhkhhh 2015-11-21

CSS:2个重要概念块状元素和内联元素

网页制作Webjx文章简介：是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素。块状元素一般是其他元素的容器，可容纳内联元素和其他块

覆雪蓝枫 2015-09-30

html 元素分类

元素分类在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素和内联块状元素。<div>、<p>、<h1>...<h6>、<ol&g

PioneerFan 2015-05-19

深入理解-CSS内联元素之line-height

上一篇文章我们讨论了font-size，这一篇来说另一个与文字关系密切的属性line-height。这里涉及到了内联盒模型相关的东西，这里保持了与上一篇类似的结构，先来说说概念，然后是度量单位，最后来聊一个常见的内联元素的现象。内联盒模型相关概念说到盒模型

yezi 2019-06-27

深入理解-CSS内联元素之font-size

技术是以目的为导向的，那么先来抛出一个问题，前端开发中我们使用font-size来设置文字的大小，但检查元素后发现内联元素的高好像大多数时间并不是我们设置的font-size大小，这是为什么哪？

impress 2019-06-27

DOM疑惑点整理（二）内联、嵌入、外联样式访问

有时候，直接通过某元素的style属性去查看相关信息时，会发现查看到的是空的属性。原因很简单，style属性只能访问内联样式，而你把css写在了外部文件。不是很清楚内联样式，可以看下面的解释：内联样式：直接加在某个元素属性中的样式。<p style=

adeyi 2019-06-27

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

看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。理解了它，一堆CSS布局的理论都变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体

qianxiaona 2014-09-04

css学习 2 笔记

内联元素——span设置宽、高、margin都不会起作用，其它相邻元素不会被撑开。

liusure0 2014-07-06

CSS教程:2个重要概念块状元素和内联元素

CSS教程:2个重要概念块状元素和内联元素网页制作Webjx文章简介：是在CSS布局页面中很重要的两个概念，必须要理解透彻！在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素。既然说到概念就先看看块状元素和内联元素的定义。常见块状元

xiaohuli 2013-04-23

CSS块级元素与内联元素【转】

wolaizheli 2012-11-29

CSS内联还是外联？

现在是一个推崇结构，表现，行为想分离的时代，最大的好处就是维护起来比较简单，方便，代码重用。把CSS，JS写在HTML里，就像一个大杂烩，很难理解，可读性差，文件大，维护起来非常麻烦。我们知道HTTP请求是比较昂贵的，CSS内联的话肯定会更快，因为把CSS

Alisa0 2012-09-24

css position, display, float 内联元素、块级元素

position属性：position属性指出一个元素的定位方法。有4种可能值：static,relative,absoluteorfixed：。浮动元素会生成一个块级框，而不论它本身是何种元素。如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可

opspider 2012-06-18

详解CSS布局设计块元素和内联元素

块元素一般是其他元素的容器元素，块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。"form"这个块元素比较特殊，它只能用来容纳其他块元素。如果没有css的作用，块元素会顺序以每次另起一行的方式一直往下排

css教程 2011-08-21

css中display：inline

和display:inline对应的是display:block，block会让应用了该CSS属性的HTML标记变成块级别元素，例如SPAN是行内显示的，但是你加了display:block属性就不一样了。inline是自动排为一行，就象段内的文字一样，可

沉着前进 2011-07-22

安科网

HTML基础（二）

STPace

STPace

相关推荐

html知识点

css块级元素

web前端入门到实战：html常见的块元素与内联（行内）元素用法说明

CSS文档流与块级元素和内联元素

css变量赋值和取值的四种方式(js设置值、内联样式、:root选择器、html选择器)

《CSS世界》笔记三：内联元素与对齐

HTML5 块级元素与行内元素

CSS:2个重要概念块状元素和内联元素

html 元素分类

深入理解-CSS内联元素之line-height

深入理解-CSS内联元素之font-size

DOM疑惑点整理（二）内联、嵌入、外联样式访问

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

css学习 2 笔记

CSS教程:2个重要概念块状元素和内联元素

CSS块级元素与内联元素【转】

CSS内联还是外联？

css position, display, float 内联元素、块级元素

详解CSS布局设计块元素和内联元素

css中display：inline

STPace