Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)?

現(xiàn)如今,網(wǎng)頁(yè)制作以及建站成了人人需要掌握的技能,小編也從各方面得到需求說(shuō),以前有過(guò)PS的入門教程,現(xiàn)在能不能做一個(gè)DW的入門教程。那么從今天開(kāi)始,小編將用一些時(shí)間,為大家?guī)?lái)DW的入門教程。只要能堅(jiān)持,你也能成為大神。
1、我們首先要做好基本的網(wǎng)站站點(diǎn)架構(gòu),文件夾以及子文件等全部建立完畢,那么我們?cè)鯓咏⒁粋€(gè)樣式呢?首先在css根目錄下建立一個(gè)頁(yè)面,命名為main.css
2、好,如果我們希望,我們的首頁(yè),也就是index收到css樣式的約束,應(yīng)該怎么辦呢?首先雙擊index打開(kāi)
3、在title之后,我們輸入代碼:<link href=,然后瀏覽至我們建立的樣式。
4、而后輸入一般性代碼:<link href="css/main.css" _fcksavedurl=""css/main.css"" type="text/css" rel="stylesheet"/>
5、這樣其實(shí)就是做好了一個(gè)約束,也就是我們建立的首頁(yè)index,會(huì)受到我們所建立css文件夾下的樣式main.css的約束,這就是這個(gè)語(yǔ)句的效果。
6、好,接下來(lái)我們驗(yàn)證效果,我們雙擊main.css,做一些基本的編輯操作。
7、在css中,輸入代碼:*{background-color:#90C},也就是改變背景色為紫色,保存。
8、然后回到index頁(yè)面,觀察。是的,背景色發(fā)生了改變。
9、這就是樣式表約束的鏈接方法,你學(xué)會(huì)了嗎?
相關(guān)推薦:
dreamweaver怎么做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)?
Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦?
相關(guān)文章
Dreamweaver怎么新建網(wǎng)頁(yè)并保存?
Dreamweaver怎么新建網(wǎng)頁(yè)并保存?Dreamweaver制作網(wǎng)頁(yè)很容易,今天我們就來(lái)看看基礎(chǔ)教程,使用Dreamweaver建立網(wǎng)頁(yè)并保存,很簡(jiǎn)單,需要的朋友可以參考下2016-08-01Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦?
Dreamweaver光標(biāo)的落位總是不準(zhǔn)怎么辦?Dreamweaver中制作網(wǎng)頁(yè)的時(shí)候,發(fā)現(xiàn)鼠標(biāo)的落位總是不對(duì),該怎么辦呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-07-28Dreamweaver簡(jiǎn)單制作用戶注冊(cè)表單
在瀏覽各大論壇時(shí),會(huì)發(fā)現(xiàn)有些內(nèi)容是僅限會(huì)員觀看的,那么如何利用Dreamweaver來(lái)制作用戶注冊(cè)的,下面就為大家介紹一下,來(lái)看看吧2016-07-06- 很多的時(shí)候,我們看代碼時(shí)間長(zhǎng)了就會(huì)覺(jué)得代碼很小,看起來(lái)很累,想將代碼字體設(shè)置大一點(diǎn),該怎么設(shè)置呢,下面小編就為大家介紹dreamweaver如何改變代碼的字體大小方法,來(lái)看看2016-06-23
8款替代Dreamweaver的開(kāi)源網(wǎng)頁(yè)開(kāi)發(fā)工具
這篇文章主要為大家詳細(xì)介紹了8款替代Dreamweaver的開(kāi)源網(wǎng)頁(yè)開(kāi)發(fā)工具,感興趣的小伙伴們可以參考一下2016-06-23dreamweaver8調(diào)出新建、打開(kāi)兩個(gè)命令的快捷工具欄
今天小編為大家分享dreamweaver8調(diào)出新建、打開(kāi)兩個(gè)命令的快捷工具欄方法,教程很基礎(chǔ),適合新手來(lái)學(xué)習(xí),推薦過(guò)來(lái),來(lái)看看吧2016-06-22dreamweaver中怎么交互圖像? dw制作鼠標(biāo)經(jīng)過(guò)圖像換圖的教程
dw中怎么交互圖像?dw中想制作一個(gè)網(wǎng)頁(yè),當(dāng)鼠標(biāo)經(jīng)過(guò)圖像的時(shí)候,就自動(dòng)換一個(gè)圖像,該怎么換呢?下面我們就來(lái)看看dw制作鼠標(biāo)經(jīng)過(guò)圖像換圖的教程,需要的朋友可以參考下2016-06-03Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?
Dreamweaver怎么在網(wǎng)頁(yè)中顯示一個(gè)圓角矩形?想繪制一個(gè)紅色的圓角矩形,該怎么使用Dreamweaver實(shí)現(xiàn)呢?今天我們就來(lái)看看使用dw在網(wǎng)頁(yè)中繪制紅色圓角矩形的教程,需要的朋友2016-06-02dreamweaver cs6怎么新建HTML5格式的頁(yè)面?
dreamweaver cs6怎么新建HTML5格式的頁(yè)面?dreamweaver新建頁(yè)面格式默認(rèn)是xhtml1.0,現(xiàn)在想新建html5的頁(yè)面該怎么辦呢?下面我們來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-05-23Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容?
Dreamweaver怎么批量修改網(wǎng)頁(yè)相同的內(nèi)容?比如想修改旺旺的副標(biāo)題,有很多,而且是相同的,該怎么批量修改節(jié)省時(shí)間呢?下面我們就來(lái)看看Dreamweaver批量修改網(wǎng)頁(yè)相同的內(nèi)容2016-05-22