網(wǎng)頁(yè)制作中Dreamweaver CS3的CSS布局技巧

2024-09-04 21:28:07

字體：大中小

供稿：網(wǎng)友

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

上一篇：Dreamweaver創(chuàng)建代碼片段

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