在Dreamweaver中編寫CSS需要掌握的技巧

使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則 打開文檔，將光標移動到要插入CSS規(guī)則的位置上，然后選擇下面的任意一種方法打開“新建 CSS 規(guī)則”對話框。

成都創(chuàng)新互聯(lián)是一家專注于做網(wǎng)站、網(wǎng)站設計與策劃設計,羅平網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10多年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:羅平等地區(qū)。羅平做網(wǎng)站價格咨詢:028-86922220

讓站點更新和維護更加輕松使用方式得當?shù)脑?，CSS可讓你在一個頁面中的調(diào)整快速應用到所有頁面中去。你首先要做的選擇是使用哪一種樣式表。

本文中介紹了在DreamWeaver CS3網(wǎng)頁制作中的CSS布局規(guī)則。

創(chuàng)建css樣式，點擊窗口\css樣式，可以打開css樣式編輯窗口，還可以直接在屬性面板內(nèi)創(chuàng)建。點擊屬性面板的編輯規(guī)則，或者是css樣式窗口的+號就可以打開新建css規(guī)則對話框。選擇要創(chuàng)建的css樣式的內(nèi)容。

在點擊菜單欄上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷鍵Ctrl+shift+E)，調(diào)出Edit Style Sheet（編輯樣式表）對話框窗口。

首先使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則，然后可以設置下面的任意屬性。 打開“CSS樣式”面板。 在“所選內(nèi)容的摘要”窗格中雙擊某一個屬性，打開“CSS 規(guī)則定義”對話框。

Dreamweaver創(chuàng)建新的CSS規(guī)則

在“CSS樣式”面板的“正在”模式下編輯CSS規(guī)則 打開“CSS樣式”面板。 使“CSS樣式”面板處于“正在”模式下。 選擇當前頁面中一個HTML元素，此時已在“CSS樣式”面板中顯示了此元素的CSS屬性。

首先使用Dreamweaver CS5創(chuàng)建新的CSS規(guī)則，然后可以設置下面的任意屬性。 打開“CSS樣式”面板。 在“所選內(nèi)容的摘要”窗格中雙擊某一個屬性，打開“CSS 規(guī)則定義”對話框。

CSS styles面板通過前面幾章的學習，相信大家對CSS有了一定的了解，這一章我們來講解如何利用Dreamweaver4來創(chuàng)建CSS。

網(wǎng)頁添加CSS樣式表的四種方式

網(wǎng)頁使用CSS樣式的方法有多重，下面簡單介紹一下：將樣式直接寫在標簽之內(nèi)，例如：螞蟻部落 此中方式的優(yōu)點是使用靈活，但是缺點也很明顯，比如不能夠統(tǒng)一管理樣式，容易造成頁面體積龐大等等問題。

當瀏覽器讀取樣式表時，要依照文本格式來讀，這里介紹四種在頁面中插入樣式表的方法：鏈入外部樣式表、內(nèi)部樣式表、導入外表樣式表和內(nèi)嵌樣式。

CSS中可以通過三種方法引入樣式表：（1）內(nèi)聯(lián)樣式（2） 嵌入式樣式（3） 外部樣式這些CSS樣式中的每一種形式都有它們的優(yōu)點和缺點接下來將詳細的為大家介紹內(nèi)聯(lián)樣式特點：（1）內(nèi)聯(lián)樣式放在代碼中的HTML元素中。

第一種：行內(nèi)式樣式插入CSS樣式 在html文件中輸入如上圖所示的內(nèi)容。這時候在使用瀏覽器打開，就實現(xiàn)插入CSS樣式。如上圖所示。第二種：嵌入式樣式插入CSS樣式 在html文件中輸入如上圖所示的內(nèi)容。