HTML (css樣式規(guī)范)必看篇

2020-03-24 19:00:17

字體：大中小

供稿：網(wǎng)友

類選擇器1.必背的固定結(jié)構(gòu)，成為CSSyangshi_10628_1.html' target='_blank'>CSS樣式標(biāo)記。所有的樣式都可以寫(xiě)成CSS樣式的標(biāo)記中 style type= text/css /style 2. type= text/css 意思是聲明這個(gè)標(biāo)記是css樣式類型type：類型的意思
text：文本的意思
css：疊層樣式表3.類選擇器語(yǔ)法格式 .類名（點(diǎn)加類名）寫(xiě)的位置：在css樣式的標(biāo)記中
調(diào)用方法在HTML標(biāo)簽內(nèi)部寫(xiě)上 >4.命名規(guī)范建議是純字母或字母后面加數(shù)字，請(qǐng)勿數(shù)字開(kāi)頭，其它雖然可以使用請(qǐng)問(wèn)使用5.為什么要把行內(nèi)的css提取到css的標(biāo)記中優(yōu)點(diǎn)一：保持HTML的層次清晰，方便檢測(cè)錯(cuò)誤
優(yōu)點(diǎn)二：可以重復(fù)使用css樣式XML/HTML Code復(fù)制內(nèi)容到剪貼板
.box{width:200px;height:50px;background-color:aqua;border:10pxsalmonsolid} /style /head body div >ID選擇器1. ID選擇器的語(yǔ)法格式 #ID名稱寫(xiě)的位置：在CSS樣式的標(biāo)記中
調(diào)用方法在HTML標(biāo)簽內(nèi)部寫(xiě)上 id= ID名稱

2. 命名規(guī)范同類上一節(jié)的類名一樣的道理3. 為什么要把行內(nèi)的CSS提取到CSS的標(biāo)記中優(yōu)點(diǎn)一：保持HTML的層次清晰，方便檢測(cè)錯(cuò)誤
優(yōu)點(diǎn)二：區(qū)分優(yōu)先級(jí)，如果需要復(fù)用請(qǐng)選擇類選擇器4. ID不允許重復(fù)調(diào)用，id就想身份證編號(hào)一樣，每個(gè)都是不同的
XML/HTML Code復(fù)制內(nèi)容到剪貼板
#box{width:200px;height:50px;background-color:bisque} #boy,#boy1,#boy2{width:200px;height:50px;background-color:bisque; border:2pxseagreensolid} #gil,.doc{width:200px;height:50px;background-color:bisque; border:2pxseagreensolid} /*設(shè)置多個(gè)共享一個(gè)參數(shù)*/ /style /head body divid= gil /div div >標(biāo)簽名選擇器用到多個(gè)標(biāo)簽使用相同的屬性，可以寫(xiě)成選擇器。方面下面所有用到這個(gè)標(biāo)簽時(shí)共有這個(gè)屬性
XML/HTML Code復(fù)制內(nèi)容到剪貼板
/*標(biāo)簽名選擇器*/ div{border:10pxsalmonsolid;width:99px;height:20px} /style /head body div 周杰倫 /div div 孫其虎 /div div 張杰 /div /body /html
1.CSS執(zhí)行順序，在同等優(yōu)先級(jí)的情況下，下一行的如果與上一行的CSS有沖突一下一行為標(biāo)準(zhǔn)在優(yōu)先級(jí)不同的情況下，優(yōu)先級(jí)高的覆蓋優(yōu)先級(jí)的低的。 2.選擇器優(yōu)先級(jí)順序排列第一名：行內(nèi)樣式 1000;
第二名：ID選擇器 100;
第三名：元素名.類名 10;
第四名：類名
第五名：標(biāo)簽名 1;3.主意事項(xiàng)：當(dāng)你寫(xiě)的CSS不起作用的時(shí)候，優(yōu)先檢測(cè)代碼有沒(méi)有寫(xiě)錯(cuò)
第二檢查優(yōu)先級(jí)情況有沒(méi)有錯(cuò)XML/HTML Code復(fù)制內(nèi)容到剪貼板
divid= ket >以上就是小編為大家?guī)?lái)的HTML (css樣式規(guī)范)必看篇全部?jī)?nèi)容了，希望大家多多支持phpstudy~原文地址：http://www.cnblogs.com/pythonxiaohu/archive/2016/06/25/5616511.htmlhtml教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：CSS網(wǎng)頁(yè)布局開(kāi)發(fā)小技巧24則_0

下一篇：利用純CSS實(shí)現(xiàn)動(dòng)態(tài)的文字效果實(shí)例