CSS教程(五)用DW4創建CSS
2006/1/25 0:01:00

1. CSS Styles面板
通過前面幾章的學習,相信大家對CSS有了一定的了解,這一章我們來講解如何利用Dreamweaver4來創建CSS。首先運行Dreamweaver4,啟動后,選擇菜單下的Windows->CSS Styles(或按Shitf+F11),系統彈出CSS Styles管理面板,如下圖所示:
在CSS Styles面板里顯示了所有自定義的CSS樣式(也就是上面提到的以點開頭的類選擇符,Dreamweaver4把這樣以點開頭的類選擇符作為自定義樣式來使用),可以利用Apply按鈕這些CSS樣式隨意應用在頁面中的文本或文檔區域。
注意:應用按鈕前面有一個復選框,選中的時候按鈕成灰色不可用,表示自動應用,只要鼠標單擊自定的CSS樣式就會自動應用到頁面中當前元素;如果復選框沒有選中,Apply按鈕為可用,應用時需要點Apply按鈕。當對象應用了自定義樣式時,也就相當于在當前HTML標記后加上class=”...”。另外在樣式前有一個“S”型的符號 ,表示內部定義樣式;如果是符號 ,表示這個樣式鏈接到外部樣式表文件。
注意:CSS Styles面板只顯示自定義(class)CSS 樣式;重定義的HTML標記和其他CSS選擇符樣式不會出現在CSS Styles面板上,這是因為它們可以自動應用于那些HTML標記控制的區域。(重定義HTML標記是指選擇符為單個HTML標記的CSS樣式,之所以叫重定義是因為重新定義了并改變原來HTML標記的樣式。)
在右下角有4個小按鈕,這是最常用的幾個命令:
Attach Style Sheet:(鏈接到樣式表)點擊后會彈出一個選擇樣式表對話框,選中以前創建好的外部樣式表,點確定就鏈接加入了這個外部樣式表。加入外部樣式表時注意盡量使用相對路徑。 New Style:(新建樣式)一般我們通過這個按鈕來創建CSS樣式表。
Edit Style sheet:(編輯樣式表)點擊后會彈出編輯樣式表對話框,顯示了所有已存在的內部和外部樣式表,可以在這個對話框里新建、編輯、刪除樣式。
Delete:(刪除樣式)先選中要刪除的自定義CSS樣式,然后點此按鈕,樣式就被刪除了。
點上面的小三角或點擊鼠標右鍵會彈出一個菜單,菜單的功能依次為:
Edit:(編輯)編輯你當前選中的自定義CSS樣式,點擊后就進入了編輯此項CSS類樣式的定義樣式對話框。
Duplicate:(復制)將當前選中的自定義CSS樣式類復制。
Delete:(刪除)刪除當前選中的自定義CSS樣式,和按鈕的效果相同。
Apply:(應用)是指將選中的CSS類應用在頁面中當前元素。同Apply按鈕。
New Style:(新建樣式)等同于 按鈕。
Edit Style sheet:(編輯樣式表)等同于 按鈕。
Attach Style Sheet:(鏈接到外部樣式表)等同于按鈕。
Export Style Sheet:(導出樣式表)將此頁面中的內部樣式表導出為一個外部樣式表文件。注意:Dreamweaver4導出樣式表除了用這個方法外,還可以用主菜單下的File->Export->Export CSS Styles導出。
2. 創建樣式表的類型 在創建樣式表之前我們首先介紹一下Dreamweaver4的三種樣式表類型,點擊CSS Styles面板中的 按鈕(或CSS Styles面板菜單New Style),彈出新建樣式對話框,如下圖:
在Define里可以選擇是外部樣式表,還是內部樣式表:
l 選擇New Style Sheet File(新建樣式表文件),系統會先讓你保存這個樣式表文件,然后定義這個樣式表文件。整個頁面的樣式就會跟隨你建立的這個樣式表文件,然后你可以把這個外部樣式表文件鏈接到別的頁面去,這樣就可以使一個樣式表文件控制多個頁面了。
l 如果你選擇This Document Only(只存在這個文檔),你就建立了一個內部樣式表,Dreamweaver4會自動把你建立的樣式表內容放到<head>區的<style>標記里。
在Type里有三種樣式表類型可供選擇:
l Make Custon Style (class) :(創建自定義樣式)自定義一個樣式,可以作為class屬性應用

下一頁
返回列表
返回首頁 主站蜘蛛池模板: 色多多视频在线| 亚洲欧美日韩国产精品一区二区 | 欧美午夜免费观看福利片| 免费无码不卡视频在线观看| 色综合久久中文字幕网| 国产成人精品免费久久久久 | 任你躁在线播放视频| 羞羞视频免费网站含羞草| 国产成人在线网站| 18禁裸体动漫美女无遮挡网站| 天天做天天爱天天综合网| 丁香花在线观看免费观看图片| 日本簧片在线观看| 亚洲一级毛片中文字幕| 欧美超强性xxxxx| 免费国产a理论片| 美女扒开尿囗给男生桶爽| 国产午夜手机精彩视频| 日本最新免费网站| 国产精品国三级国产aⅴ| 97久人人做人人妻人人玩精品| 太大了阿受不了好爽小说| 东北老妇露脸xxxxx| 无码无套少妇毛多69XXX| 久久婷婷久久一区二区三区| 晚上一个人看的www| 亚洲乱色伦图片区小说| 欧美日韩国产三上悠亚在线看| 亚洲精品成人片在线播放| 男人j桶进女人p无遮挡在线观看| 加勒比黑人在线| 美女扒开大腿让男人桶| 国产一区二区在线视频| 韩国大尺度床戏未删减版在线播放 | 精品一区二区三区四区五区六区| 四虎影视成人永久在线播放| 蜜中蜜3在线观看视频| 国产又色又爽又黄刺激在线视频| 国产亚洲综合色就色| 强开小婷嫩苞又嫩又紧视频| 国产精品h在线观看|