dreamweaver cs5怎么創(chuàng)建CSS規(guī)則?

dreamweaver可以創(chuàng)建一個(gè) CSS 規(guī)則來(lái)自動(dòng)完成HTML標(biāo)簽的格式設(shè)置或者class或ID屬性所標(biāo)識(shí)的文本范圍的格式設(shè)置,該怎么設(shè)置css規(guī)則呢?下面我們就來(lái)看看詳細(xì)的教程。

Adobe Dreamweaver CS5(DW) 簡(jiǎn)體中文官方完整正式安裝版
- 類型:網(wǎng)頁(yè)設(shè)計(jì)
- 大小:404MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2016-10-22
1、雙擊dreamweaver CS5圖標(biāo)
2、在菜單中單擊“文件”選擇“新建”
3、在新建文檔窗口,選擇“空白頁(yè)”—“HTML”,文檔類型選擇“XHTML1.0 transitional”,單擊“創(chuàng)建”按鈕。
4、將插入點(diǎn)放在文檔中,然后在菜單欄單擊“格式”,在彈出的下拉菜單中選擇“CSS樣式”—“新建”
5、在“ 新建 CSS 規(guī)則” 對(duì)話框中,指定要?jiǎng)?chuàng)建的 CSS 規(guī)則的選擇器類型:
若要?jiǎng)?chuàng)建一個(gè)可作為 class 屬性應(yīng)用于任何 HTML 元素的自定義樣式,請(qǐng)從“ 選擇器類型” 彈出菜單中選擇“ 類” 選項(xiàng),然后在“ 選擇器名稱” 文本框中輸入樣式的名稱。
若要定義包含特定 ID 屬性的標(biāo)簽的格式,請(qǐng)從“選擇器類型”彈出菜單中選擇“ID”選項(xiàng),然后在“選擇器名稱”文本框中輸入唯一 ID。
若要重新定義特定 HTML 標(biāo)簽的默認(rèn)格式,請(qǐng)從“選擇器類型”彈出菜單中選擇“標(biāo)簽”選項(xiàng),然后在“選擇器名稱”文本框中輸入 HTML 標(biāo)簽或從彈出菜單中選擇一個(gè)標(biāo)簽。
6、在“CSS規(guī)則定義”窗口中設(shè)置類型、背景、區(qū)塊、方框、邊框、列表、定位、護(hù)展中所需設(shè)置的參數(shù),然后點(diǎn)擊“確定”按鈕完成設(shè)置。
7、還可以在CSS樣式面板里設(shè)置。將插入點(diǎn)放在文檔中,在CSS樣式面板下面單擊“新建CSS規(guī)則”圖標(biāo)。再完成步驟6的設(shè)置。
8、在CSS屬性里設(shè)置類型、背景、區(qū)塊、方框、邊框、列表、定位、護(hù)展中所需設(shè)置的參數(shù)。
以上就是dreamweaver cs5創(chuàng)建CSS規(guī)則的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
怎么使用Dreamweaver給網(wǎng)站圖片添加alt標(biāo)簽?
Dreamweaver建立的站點(diǎn)怎么更改圖像的默認(rèn)文件夾位置?
相關(guān)文章
DreamWeaver怎么設(shè)置行內(nèi)標(biāo)簽?
DreamWeaver怎么設(shè)置行內(nèi)標(biāo)簽?DreamWeaver中的標(biāo)簽有行內(nèi)標(biāo)簽和行外標(biāo)簽,該怎么設(shè)置行內(nèi)標(biāo)簽?zāi)??下面我們就?lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-05-11Dreamweaver怎么創(chuàng)建CSS樣式? dw插入css的教程
Dreamweaver怎么創(chuàng)建CSS樣式?Dreamweaver設(shè)計(jì)頁(yè)面的時(shí)候,想要?jiǎng)?chuàng)建css樣式,該怎么創(chuàng)建呢?下面我們就來(lái)看看dw插入css的教程,需要的朋友可以參考下2018-05-11DreamWeaver文字怎么居中對(duì)齊? dw垂直居中對(duì)齊的技巧
DreamWeaver文字怎么居中對(duì)齊?DreamWeaver中輸入的文字想要實(shí)現(xiàn)居中對(duì)齊,該怎么居中呢?下面我們就來(lái)看看dw垂直居中對(duì)齊的技巧,需要的朋友可以參考下2018-05-10dreamweaver怎么制作文本框? dw文本框的兩種制作方法
dreamweaver怎么制作文本框?dreamweaver制作的網(wǎng)頁(yè)需要文本框,該怎么制作文本框呢?今天我們就來(lái)介紹dw文本框的兩種制作方法,需要的朋友可以參考下2018-04-28dreamweaver怎么實(shí)現(xiàn)鼠標(biāo)放在不同的位置顯示不同的圖片?
dreamweaver怎么實(shí)現(xiàn)鼠標(biāo)放在不同的位置顯示不同的圖片?dw中想要制作圖片切換效果 ,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-28Dreamweaver CS6超鏈接怎么去掉下劃線? dw取消字體下劃線的教程
Dreamweaver CS6超鏈接怎么去掉下劃線?Dreamweaver CS6中給文本添加超鏈接以后,文本下方會(huì)出現(xiàn)下劃線,想要去掉下劃線,以后都不顯示,該怎么設(shè)置呢?下面我們就來(lái)看看dw2018-04-28Dreamweaver圖像怎么通過(guò)img標(biāo)簽定義高寬?
Dreamweaver圖像怎么通過(guò)img標(biāo)簽定義高寬?Dreamweaver頁(yè)面中插入圖片以后,想要通過(guò)img標(biāo)簽定義圖片的高度和寬度,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友2018-04-27- dreamweaver怎么制作各種類型的菜單欄?dreamweaver設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,需要添加菜單欄,該怎么制作各種類型的菜單欄呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-22
- Dreamweaver中的AP元素怎么修改寬度高度和顏色?Dreamweaver中插入的ap元件想要修改高度寬度或者顏色,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-21
Dreamweaver如何給div添加css樣式? dw給div添加css樣式的方法
Dreamweaver如何給div添加css樣式?Dreamweaver中想要給div添加樣式,該怎么添加css樣式呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2018-04-10