資訊專(zhuān)欄INFORMATION COLUMN
摘要：屬性標(biāo)簽可以設(shè)置屬性，屬性一般以鍵值對(duì)的方式寫(xiě)在開(kāi)始標(biāo)簽中標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性，一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔，多個(gè)屬性不區(qū)分先后順序。獨(dú)占一行元素的高度寬度行高以及頂和底邊距都可設(shè)置。
HTML標(biāo)簽可以設(shè)置屬性，屬性一般以鍵值對(duì)的方式寫(xiě)在開(kāi)始標(biāo)簽中
1.HTML標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性，一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔，多個(gè)屬性不區(qū)分先后順序。
2.屬性值要用引號(hào)包裹起來(lái)，通常使用雙引號(hào)也可以單引號(hào)。
3.屬性和屬性值不區(qū)分大小寫(xiě)，但是推薦使用小寫(xiě)。
這個(gè)舉個(gè)生活中的例子，你要在茫茫人海中找到你的女神，你依據(jù)什么來(lái)找呢？肯定依據(jù)她身上的某個(gè)特征來(lái)找對(duì)吧？這個(gè)特征換個(gè)詞就是屬性，她特有的屬性，其他人沒(méi)有的對(duì)吧？比如她今天穿的紫色長(zhǎng)裙，那么你可以立馬鎖定女性，穿長(zhǎng)裙，且裙子是紫色的人，這樣立馬就可以篩選掉一批人了對(duì)吧？然后你再根據(jù)你對(duì)你女神的了解，比如她走路的姿勢(shì)，身高，體型等等的，要不了多久你就可以找到你的女神了對(duì)吧。
那么這里web頁(yè)面的標(biāo)簽也是，就是因?yàn)樗辛怂膶傩裕谝?，它的屬性?huì)有一些功能幫助我們更好編寫(xiě)web頁(yè)面，第二，它這些屬性我們?cè)陂_(kāi)發(fā)網(wǎng)站的時(shí)候可以利用某個(gè)屬性來(lái)調(diào)整樣式，調(diào)整此標(biāo)簽的行為等等的。
以上所述，就是會(huì)有屬性的原因
每個(gè)塊級(jí)元素都從新的一行開(kāi)始，并且其后的元素也另起一行。獨(dú)占一行
元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個(gè)寬度。
常用的塊狀元素：
行內(nèi)元素特點(diǎn)：display:inline;
常用的行內(nèi)塊狀元素：
[object Object] [object Object]
行內(nèi)塊狀元素的特點(diǎn)：display:inline-block;
常用的行內(nèi)元素
注意:可以通過(guò)display屬性對(duì)塊級(jí)元素、行內(nèi)元素、行內(nèi)塊元素進(jìn)行轉(zhuǎn)換，為后面頁(yè)面布局做好了準(zhǔn)備。
標(biāo)簽與標(biāo)簽之間也可以相互包含，或者說(shuō)嵌套，但并不是任意嵌套，也有規(guī)則的：
比如，li標(biāo)簽里可以包含div，ul，ol標(biāo)簽
我標(biāo)記出來(lái)的那里就很好的提現(xiàn)標(biāo)簽的嵌套關(guān)系，有興趣的可以自己再去看看
好的，html結(jié)構(gòu)介紹完了，后面進(jìn)入css介紹
有幾個(gè)特殊的塊級(jí)元素只能包含內(nèi)嵌元素，不能再包含塊級(jí)元素，這幾個(gè)特殊的標(biāo)簽是：h1、h2、h3、h4、h5、h6、p
和其他元素都在一行上；
元素的高度、寬度、行高以及頂和底邊距都可設(shè)置
和其他元素都在一行上；
元素的高度、寬度及頂部和底部邊距不可設(shè)置；
元素的寬度就是它包含的文字或圖片的寬度，不可改
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1561.html
摘要：最近在看前端開(kāi)發(fā)最佳實(shí)踐，看到有一個(gè)小節(jié)的標(biāo)題是過(guò)時(shí)的塊狀元素和行內(nèi)元素，之前聽(tīng)到的關(guān)于標(biāo)簽的嵌套規(guī)范一直在講，甚至面試的時(shí)候還被問(wèn)到，但是自己在之前的工作中，的的確確用標(biāo)簽包過(guò)塊元素，為了能有一個(gè)更好的用戶體驗(yàn)，模擬的一個(gè)按鈕。 最近在看《web前端開(kāi)發(fā)最佳實(shí)踐》，看到有一個(gè)小節(jié)的標(biāo)題是 過(guò)時(shí)的塊狀元素和行內(nèi)元素 ，之前聽(tīng)到的關(guān)于HTML標(biāo)簽的嵌套規(guī)范一直在講，甚至面試的時(shí)候還被問(wèn)到...
摘要：所謂超文本，因?yàn)樗梢约尤雸D片聲音動(dòng)畫(huà)多媒體等內(nèi)容，不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁(yè)面的打開(kāi)方式，其取值有和兩種，其中為默認(rèn)值，為在新窗口中打開(kāi)方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語(yǔ)義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...
摘要：作者陳大魚(yú)頭鏈接背景最近高級(jí)前端工程師劉小夕在上開(kāi)了個(gè)每個(gè)工作日布一個(gè)前端相關(guān)題的，懷著學(xué)習(xí)的心態(tài)我也參與其中，以下為我的回答，如果有不對(duì)的地方，非常歡迎各位指出。如果你采用正宗川菜做法，最后只需加入花生米，炒拌幾下就可以起鍋了。 作者：陳大魚(yú)頭 github： KRISACHAN 鏈接：github.com/YvetteLau/S… 背景：最近高級(jí)前端工程師 劉小夕 在 github 上...
閱讀 736·2023-04-25 19:43
閱讀 3981·2021-11-30 14:52
閱讀 3807·2021-11-30 14:52
閱讀 3871·2021-11-29 11:00
閱讀 3802·2021-11-29 11:00
閱讀 3904·2021-11-29 11:00
閱讀 3580·2021-11-29 11:00
閱讀 6184·2021-11-29 11:00
