css樣式文件編寫(xiě)規(guī)范

《css樣式文件編寫(xiě)規(guī)范》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、網(wǎng)頁(yè)文件的結(jié)構(gòu)：其中在網(wǎng)頁(yè)中顯示的部分都放在body中，不在網(wǎng)頁(yè)中顯示的部分都放在head中。其中常放在head中的標(biāo)簽有：title、link、meta、baseCSS類(lèi)型：內(nèi)聯(lián)式：就是直接在html標(biāo)簽后面寫(xiě)樣式代碼，如：啊啊啊啊

2、這樣的話(huà)，該文件中的所有P標(biāo)簽都將應(yīng)用該style樣式，而不需要在沒(méi)一個(gè)html標(biāo)簽中寫(xiě)。注：1、通常都要在樣式的style標(biāo)簽下一層放一對(duì)html的注釋標(biāo)簽，這是為了防止不支持CSS樣式的瀏覽器不執(zhí)行，或不顯示其中的代碼；而對(duì)于支持樣式的瀏覽器，則可以正確識(shí)別style標(biāo)簽，而使得注釋標(biāo)簽不起作用。2、在syle標(biāo)簽內(nèi)還

3、可以寫(xiě)style本身的一些屬性，如type=”text/css”等。外部樣式表：雖然嵌入式樣式表解決了同一個(gè)文件內(nèi)使用同樣樣式的多個(gè)標(biāo)簽的代碼重用，但在一個(gè)網(wǎng)站內(nèi)往往是有很多個(gè)文件組成的，如果這些獨(dú)立的網(wǎng)頁(yè)文件要使用統(tǒng)一的風(fēng)格，顯然嵌入式樣式表仍然不能很好地實(shí)現(xiàn)代碼的重用。這時(shí)就需要使用外部樣式表了。一般使用外部樣式表時(shí)都是在網(wǎng)站的根目錄下建一個(gè)單獨(dú)的樣式文件夾，命名為style，然后再在style文件夾內(nèi)建立后綴名為css的文本文件。在使用時(shí)，在引用該樣式表的網(wǎng)頁(yè)文件內(nèi)的head標(biāo)簽中使用link標(biāo)簽來(lái)引入，如：Rel：指明連接的是什么文件；Type：指明引入

4、的文件的格式類(lèi)型；Href：指明文件的路徑，以引入文件為基準(zhǔn)的相對(duì)路徑。注：引入文件內(nèi)的樣式的具體運(yùn)用仍然和嵌入式的應(yīng)用原理一樣，即：根據(jù)樣式內(nèi)容的標(biāo)簽名來(lái)運(yùn)用，如嵌入式的p。輸入式樣式表：指樣式，CSS文件之間的代碼共享的一種代碼重用方式。即使用@import把一個(gè)css文件的代碼引入到另一個(gè)css樣式文件內(nèi)。如：其中url是用來(lái)指明被引入的文件的位置，這里是在同一個(gè)文件夾內(nèi)。注：輸入式樣式表可以進(jìn)一步細(xì)分樣式模塊，每個(gè)模塊單獨(dú)成文件，當(dāng)需要對(duì)某個(gè)網(wǎng)頁(yè)文件應(yīng)用樣式時(shí)，通過(guò)使用輸入代碼把需要的模塊代碼引入到一個(gè)樣式文件中，再把這個(gè)集成的樣式文件使用link標(biāo)簽引

5、入到引用文件中。真正實(shí)現(xiàn)了word中的文本樣式的組織形式。同時(shí)，輸入式樣式表還可以輸入到嵌入式樣式表中的style標(biāo)簽內(nèi)的內(nèi)。標(biāo)簽選擇器:標(biāo)簽選擇器就是嵌入式樣式表中的樣式代碼前的字符，即：用于進(jìn)行判斷具體使用哪段樣式代碼的基準(zhǔn)字符。共有以下幾類(lèi):HTMLselector：就是直接使用html標(biāo)簽做選擇器；注：HTML標(biāo)簽選擇器嚴(yán)格對(duì)應(yīng)網(wǎng)頁(yè)文件中的html標(biāo)簽，就是應(yīng)用且只應(yīng)用對(duì)應(yīng)的html標(biāo)簽。這樣就有一個(gè)缺陷，就是相同的標(biāo)簽要想實(shí)現(xiàn)不同的樣式就很麻煩，于是可以在html標(biāo)簽后面加贈(zèng)一個(gè)擴(kuò)展名，在引用時(shí)只需在相同的html表前后加上：‘c

6、lass=html標(biāo)簽選擇器的擴(kuò)展名’，（class本來(lái)就是html標(biāo)簽的一個(gè)屬性）從而實(shí)現(xiàn)了相同標(biāo)簽的個(gè)性化。同時(shí)還有另一個(gè)問(wèn)題，就是不同的標(biāo)簽要想使用同樣的樣式也不能實(shí)現(xiàn)。這個(gè)解決辦法就是，去掉選擇器的標(biāo)簽名，只保留擴(kuò)展名，這樣一來(lái)，不管是相同的標(biāo)簽要實(shí)現(xiàn)個(gè)性化，還是不同的標(biāo)簽要使用同樣的樣式，只需要在自己后面加一個(gè)class屬性就可以了，這就是以“.”開(kāi)頭的類(lèi)選擇器。Class（類(lèi)）selector：以點(diǎn)號(hào)開(kāi)頭的選擇器，可以看作是省略了標(biāo)簽名的html選擇器。IDselector：在同一個(gè)網(wǎng)頁(yè)文件內(nèi)，同樣的標(biāo)簽或不同的標(biāo)簽的ID值是不能相同的，ID對(duì)應(yīng)一個(gè)

7、特定的html標(biāo)簽元素。根據(jù)這一特點(diǎn)，可以利用html標(biāo)簽的ID來(lái)用作樣式的選擇基準(zhǔn)。在編寫(xiě)IDselector的樣式時(shí)，只需把類(lèi)選擇器中的點(diǎn)號(hào)改成井號(hào)#就可以了，即凡是以#開(kāi)頭的選擇器命名的樣式文件都會(huì)根據(jù)HTML標(biāo)簽的ID值進(jìn)行對(duì)應(yīng)。注：不難看出，ID選擇器只能為該網(wǎng)頁(yè)文件內(nèi)的一個(gè)標(biāo)簽所用。而類(lèi)選擇器則可以被多次使用?？蓳?jù)此選用不同的選擇器類(lèi)型。關(guān)聯(lián)選擇器：是專(zhuān)門(mén)針對(duì)html標(biāo)簽可以嵌套的規(guī)則制定的樣式規(guī)則。也就是說(shuō)，構(gòu)成樣式選擇器的標(biāo)簽字符是從左到右的多個(gè)html標(biāo)簽，標(biāo)簽之間用空格隔開(kāi)。這時(shí)，樣式的代碼將應(yīng)用于與此嵌套絕對(duì)符合的html標(biāo)簽中的內(nèi)容。如:

8、Centerdivp{…