在 Dreamweaver CS3 中，CSS（層疊樣式表）規則用于定義網頁元素的樣式。DreamWeaver CS3網頁制造中的CSS布局規矩。

 

　　CSS文件的鏈接辦法

 　　1、附加鏈接：外部CSS

 

　　2、導入CSS：常用運用多個CSS文件時，將多個CSS導入一個CSS文件中

 

　　CSS規矩界說有三種

 

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

 

　　2、標簽針對原有HTML標簽做的從頭CSS界說

 

　　3、高檔偽類、界說了ID的元素，以及歸納性界說

 

　　CSS規矩的運用 

 

　　1、只要“類”款式才需要運用，class=”xxxx”。任何元素都能夠運用類。

 

　　2、class與id的區別

 

　　3、標簽運用一般關于“body”標簽一次性運用，關于諸如“li”、“td”等在頁面中重復性比較大的標簽不引薦界說。

 

　　4、高檔多運用，界說“#id li”比界說“li”要好得多。

 

　　CSS規矩的履行次序

 

　　1、依照CSS代碼的履行先后次序

 

　　2、假如有重復的規矩，依照后履行的界說

 

　　3、終規矩是多個界說規矩的歸納

 

　　要點：高檔規矩界說

 

　　1、關于不同表格的文字款式界說。(不同表格運用不同ID、運用類款式界說)

 

　　2、一頁中的多種超級鏈接款式界說 

 

　　3、多個相同規矩不同對象的CSS共同界說

 

4、關于同一對象界說的多種CSS辦法考慮哪種更科學(擴展性和代碼精簡性)

 

 

教你快速定位到雜亂的CSS BUG問題

 

信任咱們關于常見 CSS BUG 的處理現已相對比較熟悉，例如：IE6 Three Pixel Gap、IE5/6 Doubled Float-Margin Bug 等等。但經常咱們也會碰到雜亂的 CSS BUG 問題，所謂“雜亂”實質是指觸發的條件很雜亂，而“BUG” 也并非指一定是瀏覽器的 BUG 。關于此類問題，咱們首先要處理的是如何定位到問題，只要快速的定位到問題，才干更好的處理問題。

 　　關于快速定位，個人的經歷處理一般如下(基本能夠定位到我在 淘寶 遇到的 90% 以上的雜亂 CSS BUG 問題)：

 

　　1、查看頁面的標簽是否閉合

 

　　不要小看這條，或許折騰了你兩天都沒有處理的 CSS BUG 問題，卻只是源于這兒。畢竟頁面的模板一般都是由開發來嵌套的，而他們很簡單犯此類問題。

 

　　方便提示：能夠用 Dreamweaver 打開文件查看，一般沒有閉合的標簽，會黃色布景高亮。

 

　　2、款式排除法

 

　　有些雜亂的頁面或許加載了 N 個外鏈 CSS 文件，那么逐一刪除 CSS 文件，找到 BUG 觸發的詳細 CSS 文件，縮小鎖定的規模。

 

　　關于方才鎖定的問題 CSS 款式文件，逐行刪除詳細的款式界說，定位到詳細的觸發款式界說，甚至是詳細的觸發款式特點。

 

　　3、模塊確認法

 

　　有時分咱們也能夠從頁面的 HTML 元素出發。刪除頁面中不同的 HTML 模塊，尋找到觸發問題的 HTML 模塊。

 

　　4、查看是否鏟除起浮

 

　　其實有不少的 CSS BUG 問題是因為沒有鏟除起浮形成的。養成杰出的鏟除起浮的習慣是必要的，引薦運用 無額定 HTML 標簽的鏟除起浮的辦法(盡量防止運用overflow:hidden;zoom:1 的相似辦法來鏟除起浮，會有太多的限制性)。

 

　　5、查看 IE 下是否觸發 haslayout

 

　　很多的 IE 下雜亂 CSS BUG 都與 IE 特有的 haslayout 息息相關。熟悉和理解 haslayout 關于處理雜亂的 CSS BUG 會事半功倍。

 

　　方便提示：假如觸發了 haslayout，IE 的調試工具 IE Developer Toolbar 中的特點中將會顯示 haslayout 值為 -1。

 

　　6、邊框布景調試法

 

故名思議便是給元素設置顯眼的邊框或者布景(一般黑色或紅色)，進行調試。此辦法是常用的調試 CSS BUG 的辦法之一，關于雜亂 BUG 仍舊適用。經濟實惠還環保^^

 

后想給咱們著重一點的是，養成杰出的書寫習慣，削減額定標簽，盡量語義，符合規范，其實能夠為咱們削減很多額定的雜亂 CSS BUG，更多的時分其實是咱們自己給自己制造了費事。希望咱們遠離 BUG ，日子越來越夸姣。通過合理使用 CSS 規則，可以有效地控制網頁的布局和外觀，實現豐富多樣的設計效果。