html包含块
❶ html中行内元素与块级元素的区别
区别:
1.行内元素与块级函数可以相互转换,通过修改display属性值来切换块级元素和行内元素,行内元素display:inline,块级元素display:block。
2.行内元素和其他行内元素都会在一条水平线上排列,都是在同一行的;块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮动(float:left/right)让其水平方向排列。
3.行内元素不可以设置宽高,宽度高度随文本内容的变化而变化,但是可以设置行高(line-height),同时在设置外边距margin上下无效,左右有效,内填充padding上下无效,左右有效;块级元素可以设置宽高,并且宽度高度以及外边距,内填充都可随意控制。
4.块级元素可以包含行内元素和块级元素,还可以容纳内联元素和其他元素;行内元素不能包含块级元素,只能容纳文本或者其他行内元素。
(1)html包含块扩展阅读:
内联元素又名行内元素,和其对应的是块元素,都是html规范中的概念。内联元素的显示,为了帮助理解,可以形象的称为“文本模式”,即一个挨着一个,都在同一行按从左至右的顺序显示,不单独占一行。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素加上display:block这样的属性,让它也有每次都从新行开始的属性,即成为块元素同样我们可以把块元素加上display:inline这样的属性,让它也在一行上排列。
❷ HTML包含块,行宽,块宽,行内宽各是什么意思
margin-外边框 (之后接 left 就是 内边框左边多少距离 ;right;top;bottom……等等)
padding-内边框(之后接 left 就是 内边框左边多少距离)
hight自身高 width自身宽(慢慢测试吧)
❸ html中内联元素和块元素的嵌套问题。 内联元素能不能嵌套块元素 根
是可以的,罗列 XHTML 标签的嵌套规则了:
1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:
<div><h1></h1><p></p></div> —— 对
<a href=”#”><span></span></a> —— 对
<span><div></div></span> —— 错
2. 块级元素不能放在<p>里面:
<p><ol><li></li></ol></p> —— 错
<p><div></div></p> —— 错
3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
h1、h2、h3、h4、h5、h6、p、dt。
4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:
li 和 div 标签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大滴……
5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:
<div><h2></h2><p></p></div> —— 对
<div><a href=”#”></a><span></span></div> —— 对
<div><h2></h2><span></span></div> —— 错
❹ 包含块这个概念怎么理解
一、包含块简单说就是定位参考框或者定位坐标参考系,元素一旦定义了定位显示(相对、绝对、固定)都具有包含块性质,它所包含的定位元素都将以该包含块为坐标系进行定位和调整。
二、包含块是视觉格式化模型的一个重要概念,它与框模型类似,也可以理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考,元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。
三、原理:一个元素盒子的位置和大小有时是通过相对于一个特定的长方形来计算的,这个长方形就被称之为元素的 containing block。一个元素的 containing block 按以下方式定义:
1、用户代理选择根元素作为包含块(称之为初始 containing block)。
2、对于其它元素,除非元素使用的是绝对位置,包含块由最近的块级祖先元素盒子的内容边界组成。
3、如果元素有属性 'position:fixed',包含块由视口建立。
4、如果元素有属性 'position:absolute',containing block 由最近的 position 不是 static 的祖先建立,按下面的步骤:
a、如果祖先是块级元素,由祖先的 padding edge 形成。
b、如果祖先是内联元素,取决于祖先的 direction 属性。
⑴如果 direction 是 ltr(左到右),祖先产生的第一个盒子的上、左内容边界是包含块的上方和左方,祖先的最后一个盒子的下、右内容边界是包含块的下方和右方。
⑵如果 direction 是 rtl(右到左),祖先产生的第一个盒子的上、右内容边界是包含块的上方和右方,祖先的最后一个盒子的下、左内容边界是包含块的下方和左方。
如果没有祖先,根元素盒子的内容边界确定为包含块。
❺ 哪个标签属于块级元素
在做页面布局的时候,一般会将html元素分为两种,即块级元素和行内元素。
块级元素:block element
每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;
块级元素一般作为容器出现,用来组织结构,但并不全是如此。有些块级元素,如<form>只能包含块级元素。其他的块级元素则可以包含 行级元素如<P>.也有一些则既可以包含块级,也可以包含行级元素。
DIV 是最常用的块级元素,元素样式的display:block都是块级元素。它们总是以一个块的形式表现出来,并且跟同级的兄弟块依次竖直排列,左右撑满。
❻ HTML哪些是块级元素,哪些是行内元素
块级元素:块级大多为结构性标记
<address>...</adderss>
<center>...</center> 地址文字
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 水平分割线
<p>...</p> 段落
<pre>...</pre> 预格式化
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 定义列表
<table>...</table> 表格
<form>...</form> 表单
<div>...</div>
行内元素:行内大多为描述性标记
<span>...</span>
<a>...</a> 链接
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
<img > 图片
<sup>...</sup> 上标
<sub>...</sub> 下标
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
·块级元素
1.总是从新的一行开始
2.高度、宽度都是可控的
3.宽度没有设置时,默认为100%
4.块级元素中可以包含块级元素和行内元素
·行内元素
1.和其他元素都在一行
2.高度、宽度以及内边距都是不可控的
3.宽高就是内容的高度,不可以改变
4.行内元素只能行内元素,不能包含块级元素
❼ css中的包含块是什么意思,怎样求解。计算
以前还真没有考虑这个问题,刚才测试了一下,是padding的内边缘。
在IE6 IE7 IE8beta2 FF2 FF3 中测试通过。
不是很理解你说的计算是什么意思。 就是包含元素的实际宽度减去PADDING就行了。你看例子。复制运行即可。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My test page!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
#myTest {padding:30px; width:400px; height:400px; background:#EEE; position:absolute;}
#testPng { position:absolute; width:100px; height:100px; background:#000;}
</style>
</head>
<body>
<div id="myTest">
<div id="testPng">
</div>
</div>
</body>
</html>
❽ 什么是CSS包含块
包含块(Containing Block)是视觉格式化模型的一个重要概念,它与框模型类似,也可以理解为一个矩形,而这个矩形的作用是为它里面包含的元素提供一个参考,元素的尺寸和位置的计算往往是由该元素所在的包含块决定的。
包含块简单说就是定位参考框,或者定位坐标参考系,元素一旦定义了定位显示(相对、绝对、固定)都具有包含块性质,它所包含的定位元素都将以该包含块为坐标系进行定位和调整。
原理
一个元素盒子的位置和大小有时是通过相对于一个特定的长方形来计算的,这个长方形就被称之为元素的 containing block。一个元素的 containing block 按以下方式定义:
用户代理(比如浏览器)选择根元素作为 containing block(称之为初始 containing block)。
对于其它元素,除非元素使用的是绝对位置,containing block 由最近的块级祖先元素盒子的内容边界组成。
如果元素有属性 'position:fixed',containing block 由视口建立。
如果元素有属性 'position:absolute',containing block 由最近的 position 不是 static 的祖先建立,按下面的步骤:
如果 direction 是 ltr(左到右),祖先产生的第一个盒子的上、左内容边界是 containing block 的上方和左方,祖先的最后一个盒子的下、右内容边界是 containing block 的下方和右方。
如果 direction 是 rtl(右到左),祖先产生的第一个盒子的上、右内容边界是 containing block 的上方和右方,祖先的最后一个盒子的下、左内容边界是 containing block 的下方和左方。
如果祖先是块级元素,containing block 由祖先的 padding edge 形成。
如果祖先是内联元素,containing block 取决于祖先的 direction 属性。
如果没有祖先,根元素盒子的内容边界确定为 containing block。
❾ 请问行内块元素可以包含块级元素么
一、块级元素:block element 每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外)。两个块级元素连续编辑时,会在页面自动换行显示。块级元素一般可嵌套块级元素或行内元素;
❿ html中行内元素(a)中能不能放块元素(div),为什么
1、html中行内元素(a)中能不能放块元素(div)
回答:不能。
XHTML标准是这样定义的:
*inline
*a
*inline excluding an enclosed a element
解释就是 a标签属于inline, a标签只能嵌套inline元素,并也不能再嵌套a标签。
2、那span里面能不能放div呢??
回答:不能
1、html中行内元素(a)中能不能放块元素(div)
回答:不能。
XHTML标准是这样定义的:
*inline
*span
*inline
解释就是 span是属于inline,并且span也只能嵌套inline
另外,XHTML标准还有一些我们容易疏漏的,比如所有标签都要小写,例如<html>等
我个人理解就是标准毕竟只是标准,就好像大家都走路靠右边走,但是你如果非要靠左边走,也没人拦你。所以写的时候有可能会通过浏览器的认证,但是如果在某些严格符合xhtml规范的编译器或浏览器,他们就不认账了。
所以按照xhtml规范可以培养自己良好的开发习惯。
顺便提一下,html元素分3中,顶级元素、块级元素、内联元素。
LZ一直说的行内实际上就是内敛元素...