dw里怎樣設(shè)置圖片的css樣式
成都創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司是一家服務(wù)多年做網(wǎng)站建設(shè)策劃設(shè)計(jì)制作的公司,為廣大用戶提供了成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì),成都網(wǎng)站設(shè)計(jì),廣告投放,成都做網(wǎng)站選成都創(chuàng)新互聯(lián),貼合企業(yè)需求,高性價(jià)比,滿足客戶不同層次的需求一站式服務(wù)歡迎致電。
1、首先在文件內(nèi)插入一張圖片,點(diǎn)擊插入\圖像,選擇一張圖片即可。
2、選中圖像,點(diǎn)擊css樣式窗口的+號(hào),新建一個(gè)CSS(相關(guān)課程推薦:css視頻教程) 樣式,打開(kāi)對(duì)話框。選擇標(biāo)簽元素,下面就自動(dòng)變?yōu)閕mg,就是說(shuō)為圖像編輯規(guī)則。
3、比如要為圖片編輯邊框,就在彈出的對(duì)話框中選擇邊框,有三個(gè)屬性可以更改,一個(gè)是類型,大小和顏色。可以根據(jù)需要選擇。
4、在右側(cè)的css面板上就多了個(gè)邊框?qū)傩?,代碼中多了個(gè)圖像的css樣式代碼。圖像就自動(dòng)按照樣式進(jìn)行更改了。
5、如果要對(duì)該圖像再進(jìn)行修改,可以點(diǎn)擊css樣式窗口下的鉛筆,在彈出的對(duì)話框中修改即可。
方法如下:
1、點(diǎn)擊css樣式窗口的"新建css規(guī)則",打開(kāi)新建css規(guī)則對(duì)話框。
2、在選擇器類型中選擇“類”,選擇器名稱選擇.title,在規(guī)則定義中選擇新建樣式表文件。點(diǎn)擊確定后選擇樣式文件要放置的文件夾。
3、這樣就創(chuàng)建了一個(gè)css樣式文件,并新建了一個(gè)名為.title的樣式。在打開(kāi)的css規(guī)則定義對(duì)話框中的左側(cè)選擇類型,這就是css規(guī)則的類型樣式,主要用于設(shè)置文本的css樣式。
1、直接在html標(biāo)簽元素內(nèi)嵌入css樣式,如
div?style="font-size:14px;color:#FF0000;"
2、在html頭部head部分內(nèi)style聲明插入代碼如下:
style?type="text/css"
!--
.ceshi?{font-size:14px;?color:#FF0000;}
--
/style
3、在html頭部head部分內(nèi)使用@import引用外部CSS文件方法
style?type="text/css"
!--
@import?url(wcss.css);
--
/style
Wcss.css文件內(nèi)代碼.ceshi {font-size:14px; color:#FF0000;}
4、在html頭部head部分內(nèi)使用link來(lái)調(diào)用外部的css文件
在head放置linkrel="stylesheet" href="wcss.css" type="text/css"/來(lái)調(diào)用外部的wcss.css文件來(lái)實(shí)現(xiàn)html引用css文件
linkrel="stylesheet"?href="wcss.css"?type="text/css"/
屬性面板里面可以修。
點(diǎn)擊窗口打開(kāi)屬性面板,然后選css鼠標(biāo)選中你要編輯樣式的文字點(diǎn)編輯規(guī)則,這樣css里的樣式面板就出來(lái)了。
CSS級(jí)聯(lián)樣式表一般來(lái)講分3種,第一種外聯(lián)樣式表,CSS樣式單獨(dú)寫在一個(gè)CSS文件中,HTML頁(yè)面使用link標(biāo)簽引入這個(gè)文件,第二種內(nèi)聯(lián)樣式表,CSS樣式寫在HTML頁(yè)面的head標(biāo)簽內(nèi),第三種內(nèi)嵌樣式表,CSS樣式直接寫在HTML標(biāo)簽的style屬性里。
Dreamweaver中CSS面板的設(shè)置步驟:
首先這里我們是需要你新建一個(gè)HTML文檔的,這里我們直接打開(kāi)工具,之后選擇新建HTML即可
建立完畢之后這里我們使用快捷鍵,Shift+F11隨后我們就可以看到CSS面板
在面板中用鼠標(biāo)右擊之后選擇里面的“新建”,之后會(huì)彈出新建CSS規(guī)則表格,將選擇類型設(shè)置~為類,名稱設(shè)置為~測(cè)試,定義在~僅對(duì)該文檔,點(diǎn)擊“確定”。隨后彈出圖下中所示的測(cè)試CSS規(guī)則定義。
在css定義框中我們是可以看到。類型 背景 區(qū)塊 ?方框 邊框 ?列表 ?定位 ? 擴(kuò)展。在類型框中將字體大小,樣式、行高等進(jìn)行設(shè)置
隨后是個(gè)背景的設(shè)置,這里我們是可以設(shè)置背景顏色和背景圖像的,這里還可以設(shè)置區(qū)塊模式,定位,列表等都是可以通過(guò)自己的設(shè)置而變得美化的。
設(shè)置完畢,輸入內(nèi)容我們就可以看到我們?cè)O(shè)置的結(jié)果。
1. 打開(kāi)“CSS樣式”面板。
2. 在“所選內(nèi)容的摘要”窗格中雙擊某一個(gè)屬性,打開(kāi)“CSS 規(guī)則定義”對(duì)話框。如下圖所示:
一、定義CSS的類型屬性
在“CSS 規(guī)則定義”對(duì)話框中,在“分類”下拉框中選擇“類型”,然后可以在右邊“類型”部分設(shè)置屬性:
Font-family:設(shè)置字體系列。在下拉菜單中選擇字體。
Font-size:定義文字的字體大小。
Font-weight:對(duì)字體應(yīng)用特定或相對(duì)的粗體量。
Font-style:指定“正?!?、“斜體”或“偏斜體”作為字體樣式。
Font-variant:設(shè)置文本的小型大寫字母變體。
Line-height:設(shè)置文本所在行的高度。
Text-transform:將所選內(nèi)容中的每個(gè)單詞的首字母大寫或?qū)⑽谋驹O(shè)置為全部大寫或小寫。
Text-decoration:向文本中添加下劃線、上劃線或刪除線,或使文本閃爍。
Color:設(shè)置文本的顏色。
提示:如果某一個(gè)屬性不需要設(shè)置,可以將其保留為空。