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一直說的行內實際上就是內斂元素...