CSS網(wǎng)頁(yè)布局有很多值得學(xué)習(xí)的地方，那么你對(duì)CSS中的常見(jiàn)規(guī)則是否熟悉呢，這里向大家簡(jiǎn)單描述一下，相信本文介紹一定會(huì)讓你有所收獲。

CSS入門：CSS網(wǎng)頁(yè)布局的一些常見(jiàn)規(guī)則

CSS文件的鏈接方式

1、附加鏈接：外部CSS文件

2、導(dǎo)入CSS：常用應(yīng)用多個(gè)CSS文件時(shí)，將多個(gè)CSS導(dǎo)入一個(gè)CSS文件中

CSS規(guī)則定義有三種

1、類比如“.RedText”、“.BlueText”和“.BigText”等等

2、標(biāo)簽針對(duì)原有HTML標(biāo)簽做的重新CSS定義

3、高級(jí)偽類、定義了ID的元素，以及綜合性定義

CSS規(guī)則的應(yīng)用

1、只有“類”樣式才需要應(yīng)用，class=”xxxx”。任何元素都可以應(yīng)用類。

2、class與id的區(qū)別

3、標(biāo)簽應(yīng)用一般對(duì)于“body”標(biāo)簽一次性使用，對(duì)于諸如“li”、“td”等在頁(yè)面中重復(fù)性比較大的標(biāo)簽不推薦定義。

4、高級(jí)多運(yùn)用，定義“#idli”比定義“li”要好得多。

CSS規(guī)則的執(zhí)行順序

1、按照CSS代碼的執(zhí)行先后順序

2、如果有重復(fù)的規(guī)則，按照后執(zhí)行的定義

3、最終規(guī)則是多個(gè)定義規(guī)則的綜合

重點(diǎn)：高級(jí)規(guī)則定義

1、對(duì)于不同表格的文字樣式定義。(不同表格使用不同ID、使用類樣式定義)

2、一頁(yè)中的多種超級(jí)鏈接樣式定義

3、多個(gè)相同規(guī)則不同對(duì)象的CSS共同定義

4、對(duì)于同一對(duì)象定義的多種CSS方式考慮哪種更科學(xué)(擴(kuò)展性和代碼精簡(jiǎn)性)

【編輯推薦】

1. CSS中id與class使用原則
2. CSS中hack和注釋書(shū)寫規(guī)范
3. 專家推薦三大“***”CSS技巧！
4. 探究網(wǎng)頁(yè)布局中CSS無(wú)效的十個(gè)常見(jiàn)原因
5. DIV CSS初學(xué)者必須掌握的10個(gè)問(wèn)題與技巧