塊元素基本介紹

<塊元素特點是豎直排列群扶,寬度占滿整行,寬度占100%秽梅,另起新行

常用的塊元素標(biāo)簽有:div,ul,li,ol,h1~h6,dl,dt,dd


div:無語義標(biāo)簽殉挽;和span在行元素里的地位相同

<div>

? ? 測試字段

</div>


無序列表:

ul>li

<ul>

? ? ?<li>測試1</li>

? ? ?<li>測試2</li>

</ul>

效果:

注意:必須配合使用,不能只出現(xiàn)ul或者li谓媒,ul的子元素必須是li

可以在ul里加入屬性改變前面那個點的樣式:

type="circle"空心圓點

type="square"方形

如:

<ul type="circle">

? ? <li></li>

</ul>


有序列表:

ol>li

<ol>

? ? <li>測試1</li>

? ? <li>測試2</li>

</ol>


type的屬性值:a,A,i,I



dl,dt,dd的用法:

<dl>-------一定要用這個包住下面兩個淆院,dl的子元素只能是dt,dd

? ? <dt>html</dt>-------------標(biāo)題

? ? <dd>html5是html的第五個演進(jìn)版本</dd>---------------內(nèi)容

<dl>



p----段落--一般用于一大段文字

<p>

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,

quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo

</p>



h1~h6------標(biāo)題

h標(biāo)題要一級一級的往下用,不能跳著來用句惯,這是規(guī)范土辩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市抢野,隨后出現(xiàn)的幾起案子拷淘,更是在濱河造成了極大的恐慌,老刑警劉巖指孤,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件启涯,死亡現(xiàn)場離奇詭異,居然都是意外死亡恃轩,警方通過查閱死者的電腦和手機(jī)结洼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叉跛,“玉大人松忍,你說我怎么就攤上這事】昀澹” “怎么了鸣峭?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長酥艳。 經(jīng)常有香客問我摊溶,道長,這世上最難降的妖魔是什么充石? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任莫换,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拉岁。我一直安慰自己溃列,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布膛薛。 她就那樣靜靜地躺著,像睡著了一般补鼻。 火紅的嫁衣襯著肌膚如雪哄啄。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天风范,我揣著相機(jī)與錄音咨跌,去河邊找鬼。 笑死硼婿,一個胖子當(dāng)著我的面吹牛锌半,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播寇漫,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼刊殉,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了州胳?” 一聲冷哼從身側(cè)響起记焊,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎栓撞,沒想到半個月后遍膜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡瓤湘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年瓢颅,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片弛说。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡挽懦,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出剃浇,到底是詐尸還是另有隱情巾兆,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布虎囚,位于F島的核電站角塑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏淘讥。R本人自食惡果不足惜圃伶,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧窒朋,春花似錦搀罢、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至欺劳,卻和暖如春唧取,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背划提。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工枫弟, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人鹏往。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓淡诗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親伊履。 傳聞我的和親對象是個殘疾皇子韩容,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,792評論 2 345

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,518評論 32 459
  • ?前端面試題匯總 一湾碎、HTML和CSS 21 你做的頁面在哪些流覽器測試過宙攻?這些瀏覽器的內(nèi)核分別是什么? ...
    Simon_s閱讀 2,219評論 0 8
  • <a name='html'>HTML</a> Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別? (1)介褥、<...
    clark124閱讀 3,456評論 1 19
  • 感恩學(xué)員 彭少霖 供稿【目前課程已經(jīng)更新80%座掘,本文部分課程內(nèi)容為當(dāng)時課件引用】 我的事務(wù)較多,平時身體健康柔滔、家庭...
    陳妙華閱讀 1,040評論 1 6