Dreamweaver如何創(chuàng)建類CSS樣式

1、打開CSS樣式面板使用“CSS樣式”面板可以查看、創(chuàng)建、編輯和刪除CSS樣式，也可以將外部樣式表附加到文檔。

創(chuàng)新互聯(lián)專注于梁平企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城建設(shè)。梁平網(wǎng)站建設(shè)公司,為梁平等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

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

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

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

在自定義css樣式時(shí)必須以什么開頭

1、一：全局 定義：root{ //此處的root是固定的。--them-color：blue； //自定義屬性時(shí)以--開頭，告訴瀏覽器這是自定義的。

2、創(chuàng)建css樣式時(shí)，class類樣式名稱的前面必須加一個(gè)原點(diǎn)。類選擇器是css代碼中最常用的，通過為元素單獨(dú)設(shè)置class來賦予元素樣式效果。類選擇器都是使用英文圓點(diǎn)開頭，每個(gè)元素可以有多個(gè)類名。

3、）id是設(shè)置標(biāo)簽的標(biāo)識。用于定義一個(gè)元素的獨(dú)特的樣式。

4、在定義“類”時(shí)，“類名必須以英文字母或句號開頭，不可包含空格或其它符號”，當(dāng)你命名有錯(cuò)時(shí)，DW會提示你的（在CSS面板里新建CSS樣式時(shí)）。

5、在CSS styles面板里顯示了所有自定義的CSS樣式(也就是上面提到的以點(diǎn)開頭的類選擇符，Dreamweaver4把這樣以點(diǎn)開頭的類選擇符作為自定義樣式來使用)，可以利用Apply按鈕這些CSS樣式隨意應(yīng)用在頁面中的文本或文檔區(qū)域。

怎樣在網(wǎng)頁中插入CSS樣式表?

創(chuàng)建CSS樣式表有三種方式：元素內(nèi)嵌樣式；文檔內(nèi)嵌樣式；外部引入樣式。元素內(nèi)嵌樣式 這是一段文本 解釋：即在當(dāng)前元素使用style屬性的聲明方式。

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

行內(nèi)式 行內(nèi)式是在標(biāo)記的style屬性中設(shè)定CSS樣式。這種方式?jīng)]有體現(xiàn)出CSS的優(yōu)勢，不推薦使用。嵌入式 嵌入式是將CSS樣式集中寫在網(wǎng)頁的標(biāo)簽對的標(biāo)簽對中。

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

插入樣式表的方法有三種：外部樣式表 ( 推薦學(xué)習(xí)：CSS入門教程 )當(dāng)樣式需要應(yīng)用于很多頁面時(shí)，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變一個(gè)文件來改變整個(gè)站點(diǎn)的外觀。

推薦：《編程視頻》首先可以直接把css代碼寫在現(xiàn)有的HTML標(biāo)簽元素的開始標(biāo)簽里面，并且css樣式代碼要寫在style=雙引號中才可以，如：這里文字是紅色。

名稱欄目：建立網(wǎng)頁設(shè)計(jì)css樣式 應(yīng)用css設(shè)置網(wǎng)頁樣式
URL地址：http://jinyejixie.com/article27/dgihjcj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、用戶體驗(yàn)、網(wǎng)站改版、網(wǎng)站導(dǎo)航、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)