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

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