HTML標(biāo)簽類型

/*HTML標(biāo)簽類型

         * 1.塊級標(biāo)簽:
         *  1.1 獨占一行的標(biāo)簽
         *     1.2 能隨時設(shè)置高度和寬度(如div p h1 h2 ul li)
         *
         * 
         * 
         * 
         * 2.行內(nèi)標(biāo)簽(內(nèi)聯(lián)標(biāo)簽)
         *  2.1 多個標(biāo)簽?zāi)芡瑫r顯示在一行
         *  2.2 寬度和高度取決于內(nèi)容的尺寸(如span a label)
         * 
         * 
         * 3.行內(nèi)-塊級標(biāo)簽(內(nèi)聯(lián)-塊級標(biāo)簽)
         *  3.1 多個行內(nèi)-塊級標(biāo)簽可以顯示在同一行
         *  3.2 能隨時改變寬度和高度(如 input button)
         * */
前三種標(biāo)簽類型

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>html</title>
<style>
/*HTML標(biāo)簽類型

         *   

1.塊級標(biāo)簽:
*
1.1 獨占一行的標(biāo)簽
*
1.2 能隨時設(shè)置高度和寬度(如div p h1 h2 ul li)
*
*
*
*
*
2.行內(nèi)標(biāo)簽(內(nèi)聯(lián)標(biāo)簽)
*
2.1 多個標(biāo)簽?zāi)芡瑫r顯示在一行
*
2.2 寬度和高度取決于內(nèi)容的尺寸(如span a label)
*

  •        * 
           *
    

3.行內(nèi)-塊級標(biāo)簽(內(nèi)聯(lián)-塊級標(biāo)簽)
*
3.1 多個行內(nèi)-塊級標(biāo)簽可以顯示在同一行
*
3.2 能隨時改變寬度和高度(如 input button)
*
*
*
*
*
*
4.修改標(biāo)簽的顯示類型
*
4.1 CSS中有個display屬性审胸,能修改標(biāo)簽的顯示類型
*
4.1.1 none: 隱藏標(biāo)簽
*
4.1.2 block: 讓標(biāo)簽變?yōu)閴K級標(biāo)簽 *
4.1.3 inline:讓標(biāo)簽變成行內(nèi)標(biāo)簽
*
4.1.4 inline-block:讓標(biāo)簽變成行內(nèi)-塊級標(biāo)簽
*
*
*
* /
/
塊級/
div{
background-color: coral;
width: 150px;
height: 20px;
/
隱藏這個div標(biāo)簽/
/
display: none;/
/
變?yōu)樾袃?nèi)標(biāo)簽/
display: inline;
}
/
行內(nèi)/
span{
background: blue;
/
設(shè)置無效/
width: 150px;
height: 20px;
/
變?yōu)閴K級標(biāo)簽/
/
display: block;/
display: inline-block;
}
/
行內(nèi)-塊級*/
button{
background-color: pink;
width: 50px;
height: 50px;
}

    </style>
</head>
<body>
    <div>塊級標(biāo)簽</div>
    <br />
    <span>行內(nèi)標(biāo)簽</span>
    <span>變成行內(nèi)-塊級標(biāo)簽</span>
    <br />
    <br />
    <br />
    <input />
    <button></button>
    <br />
    <br />
</body>

</html>

更改標(biāo)簽類型效果
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子职烧,更是在濱河造成了極大的恐慌搭伤,老刑警劉巖款咖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件衬衬,死亡現(xiàn)場離奇詭異俄精,居然都是意外死亡狱从,警方通過查閱死者的電腦和手機膨蛮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來季研,“玉大人敞葛,你說我怎么就攤上這事⊙得玻” “怎么了制肮?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵冒窍,是天一觀的道長。 經(jīng)常有香客問我豺鼻,道長综液,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任儒飒,我火速辦了婚禮谬莹,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘桩了。我一直安慰自己附帽,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布井誉。 她就那樣靜靜地躺著蕉扮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪颗圣。 梳的紋絲不亂的頭發(fā)上喳钟,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天,我揣著相機與錄音在岂,去河邊找鬼奔则。 笑死,一個胖子當(dāng)著我的面吹牛蔽午,可吹牛的內(nèi)容都是我干的易茬。 我是一名探鬼主播,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼及老,長吁一口氣:“原來是場噩夢啊……” “哼抽莱!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起写半,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤岸蜗,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后叠蝇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體璃岳,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年悔捶,在試婚紗的時候發(fā)現(xiàn)自己被綠了铃慷。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡蜕该,死狀恐怖犁柜,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情堂淡,我是刑警寧澤馋缅,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布扒腕,位于F島的核電站,受9級特大地震影響萤悴,放射性物質(zhì)發(fā)生泄漏瘾腰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一覆履、第九天 我趴在偏房一處隱蔽的房頂上張望蹋盆。 院中可真熱鬧,春花似錦硝全、人聲如沸栖雾。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽析藕。三九已至,卻和暖如春凳厢,著一層夾襖步出監(jiān)牢的瞬間噪径,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工数初, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人梗顺。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓泡孩,卻偏偏與公主長得像,于是被迫代替她去往敵國和親寺谤。 傳聞我的和親對象是個殘疾皇子仑鸥,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,851評論 2 361

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 13,761評論 1 92
  • www3c學(xué)習(xí)網(wǎng)站 HTML有N多標(biāo)簽变屁,根基顯示的類型眼俊,主要分為3大類塊級標(biāo)簽:獨占一行的標(biāo)簽?zāi)茈S時設(shè)置寬度和高度...
    Mg明明就是你閱讀 1,388評論 0 1
  • 塊級標(biāo)簽獨占一行的標(biāo)簽?zāi)茈S時設(shè)置寬度和高度(比如div、p粟关、h1疮胖、h2、ul闷板、li) 行內(nèi)標(biāo)簽(內(nèi)聯(lián)標(biāo)簽)多個行內(nèi)...
    Z了個L閱讀 268評論 0 1
  • ?前端面試題匯總 一澎灸、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,221評論 0 8
  • 前幾日朋友和我聊天,聊著聊著開始向我訴苦县遣,說自己如何為這個家里付出糜颠,但是老公卻視而不見汹族,以至于她每隔一段時間就要沖...
    梨落貓閱讀 220評論 0 0