塊元素基本介紹

<塊元素特點(diǎn)是豎直排列,寬度占滿整行,寬度占100%,另起新行

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


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

<div>

? ? 測(cè)試字段

</div>


無(wú)序列表:

ul>li

<ul>

? ? ?<li>測(cè)試1</li>

? ? ?<li>測(cè)試2</li>

</ul>

效果:

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

可以在ul里加入屬性改變前面那個(gè)點(diǎn)的樣式:

type="circle"空心圓點(diǎn)

type="square"方形

如:

<ul type="circle">

? ? <li></li>

</ul>


有序列表:

ol>li

<ol>

? ? <li>測(cè)試1</li>

? ? <li>測(cè)試2</li>

</ol>


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



dl,dt,dd的用法:

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

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

? ? <dd>html5是html的第五個(gè)演進(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)題要一級(jí)一級(jí)的往下用,不能跳著來(lái)用,這是規(guī)范。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容