網頁設計

當前位置 /首頁/設計製作/網頁設計/列表

Dreamweaver網頁製作之CSS佈局規則

導語:Dreamweaver網頁製作過程必須用到的是CSS語言,下面就由小編為大家介紹一下Dreamweaver網頁製作之CSS佈局規則,歡迎大家閱讀

Dreamweaver網頁製作之CSS佈局規則

CSS檔案的連結方式

·附加連結:外部CSS檔案

·匯入CSS:常用應用多個CSS檔案時,將多個CSS匯入一個CSS檔案中

CSS規則定義有三種:

1)類比如“ext”、“Text”和“ext”等等

2)標籤針對原有HTML標籤做的重新CSS定義

3)高階偽類、定義了ID的元素,以及綜合性定義

CSS規則的應用

·只有“類”樣式才需要應用,class=”xxxx”。任何元素都可以應用類。

·class與id的區別

·標籤應用一般對於“body”標籤一次性使用,對於諸如“li”、“td”等在頁面中重複性比較大的標籤不推薦定義。

·高階多運用,定義“#id li”比定義“li”要好得多。

CSS規則的執行順序

·按照CSS程式碼的執行先後順序

·如果有重複的規則,按照後執行的`定義

·最終規則是多個定義規則的綜合

重點:高階規則定義

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

2.一頁中的多種超級連結樣式定義

3.多個相同規則不同物件的CSS共同定義

4.對於同一物件定義的多種CSS方式考慮哪種更科學(擴充套件性和程式碼精簡性)