2022-03-02 元素類型

根據(jù)css顯示分類,XHTML元素被分為三種類型:? 塊狀元素平夜,內(nèi)聯(lián)(行內(nèi))元素线脚,可變元素。

塊狀元素特點:

A: 塊狀元素在網(wǎng)頁中就是以塊的形式顯示板甘,所謂塊狀就是元素顯示為矩形區(qū)域党瓮,

B: 默認情況下,塊狀元素都會占據(jù)一行盐类,通俗地說寞奸,兩個相鄰塊狀元素不會出現(xiàn)并列顯示的現(xiàn)象;默認情況下在跳,塊狀元素會按順序自上而下排列枪萄。(如果想讓其在一行顯示就需對其添加浮動,添加浮動的同時要進行清理浮動帶來的影響)

C: 塊狀元素都可以定義自己的寬度和高度猫妙。

D: 塊狀元素一般都作為其他元素的容器瓷翻,它可以容納其它內(nèi)聯(lián)(行內(nèi))元素和其它塊狀元素。我們可以把這種容器比喻為一個盒子割坠。

*嵌套規(guī)則:p>p(錯誤)? p>div(錯誤)? span>p(錯誤)? div>p(正確) p>span(正確)


內(nèi)聯(lián)(行內(nèi))元素的特點:

A: 內(nèi)聯(lián)元素的表現(xiàn)形式是始終以行內(nèi)逐個進行顯示齐帚;

B: 內(nèi)聯(lián)元素沒有自己的形狀,不能定義它的寬和高,它顯示的寬度彼哼、高度只能根據(jù)所包含內(nèi)容的高度和寬度來確定对妄,它的最小內(nèi)容單元也會呈現(xiàn)矩形形狀;(將此元素轉(zhuǎn)換為塊級元素:display:block; 這樣就可以定義內(nèi)聯(lián)元素的寬高)

注:

1敢朱、大部分塊元素display屬性值默認為block剪菱,其中列表li的默認值為list-item梗肝。

2何吝、大部分內(nèi)聯(lián)元素的display屬性值默認為inline,其中img,input,默認為inline-block(行內(nèi)塊元素)

C: 內(nèi)聯(lián)元素也會遵循盒模型基本規(guī)則允乐,內(nèi)聯(lián)元素可以定義padding,border,margin,background等屬性篓吁,但個別屬性不能正確顯示;(padding-top/bottom;margin-top/bottom;)


1. 常用塊元素:

div -最常用的塊級元素

dl - 和dt-dd 搭配使用的塊級元素

form - 交互表單

h1-h6 大標題

hr - 水平分隔線

ol – 有序列表

p - 段落

ul -li 無序列表

fieldset - 表單字段集

colgroup-col - 表單列分組元素

table-tr-td? 表格及行-單元格


2. 常用內(nèi)聯(lián)(行內(nèi)塊)元素:

a –超鏈接(錨點)

b - 粗體(不推薦)

br - 換行? ? ? ? ? ? ? ? ? ? ? ? ? ?

i - 斜體

em - 強調(diào)? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?

label - 表單標簽? ? ? ? ? ? ? ? ?

span - 常用內(nèi)聯(lián)容器茫因,定義文本內(nèi)區(qū)塊

strong - 粗體強調(diào)

sub - 下標?

sup - 上標

u - 下劃線

select - 項目選擇?

(行內(nèi)塊元素)

img - 圖片? ? ? ? ? ? ? ? ? ? ? ?

input - 輸入框

textarea - 多行文本輸入框

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市杖剪,隨后出現(xiàn)的幾起案子冻押,更是在濱河造成了極大的恐慌驰贷,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,222評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洛巢,死亡現(xiàn)場離奇詭異括袒,居然都是意外死亡,警方通過查閱死者的電腦和手機稿茉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,455評論 3 385
  • 文/潘曉璐 我一進店門锹锰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人漓库,你說我怎么就攤上這事恃慧。” “怎么了渺蒿?”我有些...
    開封第一講書人閱讀 157,720評論 0 348
  • 文/不壞的土叔 我叫張陵痢士,是天一觀的道長。 經(jīng)常有香客問我茂装,道長怠蹂,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,568評論 1 284
  • 正文 為了忘掉前任少态,我火速辦了婚禮城侧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘彼妻。我一直安慰自己赞庶,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,696評論 6 386
  • 文/花漫 我一把揭開白布澳骤。 她就那樣靜靜地躺著,像睡著了一般澜薄。 火紅的嫁衣襯著肌膚如雪为肮。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,879評論 1 290
  • 那天肤京,我揣著相機與錄音颊艳,去河邊找鬼。 笑死忘分,一個胖子當(dāng)著我的面吹牛棋枕,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播妒峦,決...
    沈念sama閱讀 39,028評論 3 409
  • 文/蒼蘭香墨 我猛地睜開眼重斑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了肯骇?” 一聲冷哼從身側(cè)響起窥浪,我...
    開封第一講書人閱讀 37,773評論 0 268
  • 序言:老撾萬榮一對情侶失蹤祖很,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后漾脂,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體假颇,經(jīng)...
    沈念sama閱讀 44,220評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,550評論 2 327
  • 正文 我和宋清朗相戀三年骨稿,在試婚紗的時候發(fā)現(xiàn)自己被綠了笨鸡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,697評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡坦冠,死狀恐怖形耗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蓝牲,我是刑警寧澤趟脂,帶...
    沈念sama閱讀 34,360評論 4 332
  • 正文 年R本政府宣布,位于F島的核電站例衍,受9級特大地震影響昔期,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜佛玄,卻給世界環(huán)境...
    茶點故事閱讀 40,002評論 3 315
  • 文/蒙蒙 一硼一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧梦抢,春花似錦般贼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,782評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至霞赫,卻和暖如春腮介,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背端衰。 一陣腳步聲響...
    開封第一講書人閱讀 32,010評論 1 266
  • 我被黑心中介騙來泰國打工叠洗, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人旅东。 一個月前我還...
    沈念sama閱讀 46,433評論 2 360
  • 正文 我出身青樓灭抑,卻偏偏與公主長得像,于是被迫代替她去往敵國和親抵代。 傳聞我的和親對象是個殘疾皇子腾节,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,587評論 2 350

推薦閱讀更多精彩內(nèi)容

  • 1. 元素類型 根據(jù)CSS顯示分類,XHTML元素被分為三種類型:塊狀元素,內(nèi)聯(lián)元素禀倔,可變元素或塊狀元素榄融,內(nèi)聯(lián)元素...
    貪睡de獅子閱讀 269評論 0 0
  • 元素類型 根據(jù)css顯示分類,XHTML元素被分為?三種類型:塊狀元素救湖,內(nèi)聯(lián)元素愧杯,可變元素?&&?三種類型:塊狀元...
    千鋒HTML5學(xué)院閱讀 393評論 0 2
  • 1、元素類型 根據(jù)css顯示分類鞋既,XHTML元素被分為三種類型: 塊狀元素 內(nèi)聯(lián)元素 可變元素 塊狀元素(bloc...
    冰land閱讀 998評論 0 0
  • 老鐵們又見面了力九,連續(xù)四天了不容易啊(-_-|| 汗R毓搿5啊!)陡舅,開個小小玩笑抵乓,今天的內(nèi)容是元素的類型;那元素的...
    鋒享前端閱讀 740評論 0 0
  • 根據(jù)css顯示分類靶衍,HTML元素被分為三種類型:塊狀元素灾炭,內(nèi)聯(lián)元素,可變元素 1.塊狀元素(block eleme...
    阿甘筆記閱讀 1,225評論 0 1