中文字幕日韩一区二区_国产一区二区av_国产毛片av_久久久久国产一区_色婷婷电影_国产一区二区精品

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 的區別是什么,轉載需保留來源!

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

主站蜘蛛池模板: 欧美成视频在线观看 | 激情免费视频 | 7777奇米影视 | 欧美亚洲国产一区二区三区 | 亚洲视频在线免费观看 | 日本黄色大片免费 | 精品99久久久久久 | 久久久久久高清 | 91精品国产一区二区三区 | 99在线资源 | 久久精品一区二区三区四区 | 福利片在线看 | 在线欧美视频 | 国产污视频在线 | 国产91在线视频 | 国产三级网站 | 精品国产免费一区二区三区五区 | 久久无毛 | 欧美精品一区二区在线观看 | 国产欧美一区二区三区在线看 | 中文字幕成人在线 | 国产精品久久久久久久久免费软件 | 亚洲精品一区二区三区中文字幕 | 久久久人成影片一区二区三区 | 欧美日韩精品影院 | 亚洲日本欧美日韩高观看 | 欧美成人综合 | 天天操夜夜操 | 七七婷婷婷婷精品国产 | 亚洲九色 | 久久久久久久99 | 亚洲电影一级片 | 成人免费视频网站在线看 | 黄色一级大片在线观看 | 四虎最新视频 | 国产人免费人成免费视频 | 久久久久久久久久久91 | 黄色毛片一级 | 欧美黄色网| 看片网站在线 | 国产精品亚洲成在人线 |