IDC知識(shí)庫
IDC領(lǐng)域?qū)I(yè)知識(shí)百科平臺(tái)

dw網(wǎng)頁制作css教程

現(xiàn)代網(wǎng)頁制作離不開CSS樣式表技術(shù),采用CSS技術(shù)可以有效地對頁面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。用CSS不僅可以做出美觀工整令瀏覽者賞心悅目的網(wǎng)頁,還能給網(wǎng)頁添加許多神奇的效果。Dareware是制作網(wǎng)頁用得比較多的一款軟件,dw網(wǎng)頁制作css教程。

創(chuàng)建CSS樣式表的過程,就是對各種CSS屬性的設(shè)置過程,所以了解和掌握屬性設(shè)置非常重要。在DW MX 2004的CSS樣式里包含了W3C規(guī)范定義的所有CSS1的屬性,把這些屬性分為:類型、背景、區(qū)塊、方框、邊框、列表、定位、擴(kuò)展等八個(gè)部分,如下圖:

DW MX 2004 實(shí)現(xiàn)CSS屬性設(shè)置功能是完全可視化的,無需編寫代碼。下面我們分別詳細(xì)講解。 為了便于理解,從開始創(chuàng)建新的 CSS 樣式表說起:

【創(chuàng)建新的 CSS 樣式】

將插入點(diǎn)放在文檔中,然后執(zhí)行以下操作之一打開“新建 CSS 樣式”對話框:

在“CSS 樣式”面板(“窗口”>“CSS 樣式”)中,單擊面板右下角區(qū)域中的“新建 CSS 樣式”按鈕,如下圖:

在文本屬性檢查器中,從“樣式”彈出式菜單中選擇“管理樣式”,然后在出現(xiàn)的對話框中單擊“新建”。

在“相關(guān) CSS”選項(xiàng)卡(選擇“窗口”>“標(biāo)簽檢查器”,然后單擊“相關(guān) CSS”選項(xiàng)卡)中右鍵單擊,然后從上下文菜單中選擇“新建規(guī)則”。

選擇“文本”菜單>“CSS 樣式”>“新建(N)…”。

“新建 CSS 樣式”對話框隨即出現(xiàn),如下圖:

定義您要?jiǎng)?chuàng)建的 CSS 樣式的類型:

若要?jiǎng)?chuàng)建可作為 class 屬性應(yīng)用于文本范圍或文本塊的自定義樣式,請選擇“創(chuàng)建自定義樣式 (Class)”,然后在“名稱”文本框中輸入樣式名稱。

注意:類名稱必須以句點(diǎn)開頭,并且可以包含任何字母和數(shù)字組合(例如,.mycss)。如果您沒有輸入開頭的句點(diǎn),DW MX 2004將自動(dòng)為您輸入。

若要重定義特定 HTML 標(biāo)簽的默認(rèn)格式,請選擇“重定義標(biāo)簽”,然后在“標(biāo)簽”字段中輸入一個(gè) HTML 標(biāo)簽,或從彈出式菜單中選擇一個(gè)標(biāo)簽。

若要為具體某個(gè)標(biāo)簽組合或所有包含特定 Id 屬性的標(biāo)簽定義格式,請選擇“使用 CSS 選擇器”,然后在“選擇器”文本框中輸入一個(gè)或多個(gè) HTML 標(biāo)簽,或從彈出式菜單中選擇一個(gè)標(biāo)簽。彈出式菜單中提供的選擇器(稱作偽類選擇器)包括 a:active、a:hover、a:link 和 a:visited。

選擇定義樣式的位置:

若要?jiǎng)?chuàng)建外部樣式表,請選擇“新建樣式表文件”。

若要在當(dāng)前文檔中嵌入樣式,請選擇“僅對該文檔”。

單擊“確定”。

寰垎閿€
域名頻道是中國大型的網(wǎng)站制作、網(wǎng)站優(yōu)化、網(wǎng)站推廣的服務(wù)商之一,已有十余年網(wǎng)站制作、網(wǎng)站優(yōu)化、網(wǎng)站推廣和管理經(jīng)驗(yàn)。
Linux虛擬主機(jī)適用于企業(yè)展示型網(wǎng)站、電子商務(wù)網(wǎng)站、論壇,支持Linux操作系統(tǒng),配有MySQL數(shù)據(jù)庫,LAMP環(huán)境。對于PHP程序支持較好。
域名頻道經(jīng)過多年的運(yùn)營經(jīng)驗(yàn)精心打造出高端的虛擬主機(jī),穩(wěn)定的國內(nèi)虛擬主機(jī),空間支持綁定多個(gè)域名,擁有多線路自由選擇、數(shù)據(jù)分發(fā)到高速節(jié)點(diǎn),讓網(wǎng)站訪問速度順暢。并持續(xù)打造加深更多的合作項(xiàng)目性能高、穩(wěn)定性強(qiáng)、高安全的VPS主機(jī)。
想使用價(jià)格合理且有保障的自助建站服務(wù)就到域名頻道平臺(tái),申請鏈接點(diǎn)擊http://m.forest-oxygen.cn/web/

贊(5)
分享到: 更多 (0)

中國專業(yè)的網(wǎng)站域名及網(wǎng)站空間提供商

買域名買空間