一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

block 和 inline 的區別是什么

在講樣式表開發管理之前,我想插播一個小知識。前幾天看web標準設計組里,看到龍佑康同學問到關于 block 和 inline的區別。記得以前也經常會有人問這樣的問題,國內的論壇也好,國外的論壇也好,似乎大家都會比較疑惑這兩者究竟是用來干什么的。想想其實好多人都會在這里犯一些比較常見錯誤,所以干脆就開一篇文章專門講講 block 和 inline 吧。

- 講表現之前先要講概念

這里我要強調一下,概念在前端開發中是很重要的啦~

可能很多人都覺得,隨便搞個樣式,左擺擺右弄弄,能用就行了,但是實際上,很多情況都會有一些非常棘手的狀況。對于這些狀況,你需要有應對。應對的方法取決于很多因素,其中一個是靈感,還有一個就是對概念深入的理解了。

這里,我們要明確的概念是——什么是 block, 而什么又是 inline 呢?

其實,金光閃閃bling bling的規范里,在三個完全不同的地方提到了block和inline的概念。或許這個就是為什么這么多人都會感到confused 的原因吧=v=

- Block-level Elements VS Inline Elements

第一處講到block和inline概念的地方是在 HTML 的規范中。確切的說應該是 block-level elements (塊級元素)inline elements (內聯元素):

所有允許被 BODY 元素包含的元素,要么是塊級的;要么是內聯的;要么既可以算作塊級的,也可以算作內聯的。但是絕對不存在一個能被BODY包含,但即非塊級,又非內聯的元素。

常見的塊級元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等等。

常見的內聯元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等等。

另外,SCRIPT, OBJECT, MAP, BUTTON, DEL, INS 這些元素,既可以作為塊級元素,也可以作為內聯元素。

 

那么塊級元素和內聯元素具體有什么區別呢?具體表現在以下幾個方面:
  • 一般來說塊級元素可以包含塊級元素和內聯元素;但內聯元素只能包含內聯元素。要注意的是,每個特定的元素,能包含的元素也是特定的,所以具體到個別元素上,這條規律是不適用的

    比如 P 元素,只能包含內聯元素,而不能包含塊級元素。

       1: <!-- 這樣做是錯誤的 -->
       2: <p><div>一段文字</div></p>
       3:  
       4: <!-- 這樣才是王道 b=v= -->
       5: <p><span>一段文字</span></p>

    it知識庫block 和 inline 的區別是什么,轉載需保留來源!

    鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 中文字幕视频网 | 97人人做人人添人人爱 | 国产午夜在线观看 | 狠狠大日本亚洲香蕉亚洲 | 国产精品香蕉成人网在线观看 | 五月激情久久 | 中文一区在线 | 伊人色婷婷综在合线亚洲 | 色资源在线| 久草视频一区 | www色视频在线观看 www色在线 | 国产精品区免费视频 | 国产成人午夜视频 | 亚洲一区日韩一区欧美一区a | 成年美女黄网站色视频大全免费 | 国产成人综合亚洲欧美在 | 亚洲综合激情小说 | 久久精品全国免费观看国产 | 看全色黄大色黄女视频 | 亚洲日本va中文字幕婷婷 | 天天色天天插 | 日韩中文字幕在线有码视频网 | 国产成人午夜视频 | 国产欧美亚洲三区久在线观看 | 性欧美巨大 | 色多多污在线观看 | 伊人激情久久综合中文字幕 | 亚洲一区精品中文字幕 | 国产精品欧美一区二区三区不卡 | 8090碰成年女人免费碰碰尤物 | 夜夜五月天 | 米奇777四色精品人人爽 | 久久中文字幕免费 | 四虎国产精品永久地址99新强 | 久久综合中文字幕一区二区三区 | 四虎永久网址在线观看 | 国产亚洲精品网站 | 久草中文在线 | 欧美xxxx三人交性视频 | 欧美成人全部费免网站 | 国产免费久久精品99久久 |