網頁制作中Dreamweaver CS3的CSS布局技巧

2024-09-04 21:28:07

字體：大中小

來源：轉載

供稿：網友

雖然建站學一直建議大家不用Dreamweaver可視化編輯的方式進行CSS網頁布局，但依然很多朋友在使用。建立您可以使用DW的代碼編輯器進行CSS代碼的編寫。今天向大家介紹Dreamweaver CS3網頁制作中的CSS布局規則。
　　CSS文件的鏈接方式
　　·附加鏈接：外部CSS文件
　　·導入CSS：常用應用多個CSS文件時，將多個CSS導入一個CSS文件中
　　CSS規則定義有三種
　　·類比如“.RedText”、“.BlueText”和“.BigText”等等
　　·標簽針對原有HTML標簽做的重新CSS定義
　　·高級偽類、定義了ID的元素，以及綜合性定義
　　CSS規則的應用
　　·只有“類”樣式才需要應用，class=”xxxx”。任何元素都可以應用類。
　　·class與id的區別
　　·標簽應用一般對于“body”標簽一次性使用，對于諸如“li”、“td”等在頁面中重復性比較大的標簽不推薦定義。
　　·高級多運用，定義“#id li”比定義“li”要好得多。
　　CSS規則的執行順序
　　·按照CSS代碼的執行先后順序
　　·如果有重復的規則，按照后執行的定義
　　·最終規則是多個定義規則的綜合
　　重點：高級規則定義
　　·對于不同表格的文字樣式定義。（不同表格使用不同ID、使用類樣式定義）
　　·一頁中的多種超級鏈接樣式定義
　　·多個相同規則不同對象的CSS共同定義
　　·對于同一對象定義的多種CSS方式考慮哪種更科學（擴展性和代碼精簡性）

上一篇：Dreamweaver創建代碼片段

下一篇：Adobe Dreamweaver CS4 激活序列號(附Dreamweaver CS4 官方