DW在html中插入css樣式方法

在使用Dreamweaver CS6進(jìn)行網(wǎng)頁制作的時候,頁面布局樣式會很多??梢岳貌迦隿ss樣式將頁面樣式單獨保存,以達(dá)到簡化代碼的目的。下面小編就為大家介紹DW在html中插入css樣式方法,不會的朋友可以參考本文,來看看吧!
步驟
首先,打開Dreamweaver CS6,新建一個css文檔,選中“css”,點擊確定按鈕。
將設(shè)計好的css樣式放入該頁面。
點擊左上方的“文件”,選擇“另存為”,將文件放到桌面,并重命名。這里命名為css。
再點擊左上方的“文件”,新建一個“html”。
將設(shè)計好的網(wǎng)頁格式輸入<body>
</body>中。
找到右下角這個鏈接的小圖標(biāo),選中。
出現(xiàn)鏈接頁面,點擊后面的“瀏覽”按鈕。
找到剛剛存放css的地方,這里存放的地方是桌面。點擊“確定”按鈕。
會出現(xiàn)如下頁面。
有源代碼與css,就證明你已經(jīng)完成css的插入啦!
最后一步,把做好的html保存在需要存放的位置,防止數(shù)據(jù)丟失。
注意事項
輸入數(shù)據(jù)的時候要在英文輸入法下輸入。
以上就是DW在html中插入css樣式方法介紹,操作很簡單的,大家學(xué)會了嗎?希望這篇文章能對大家有所幫助!
相關(guān)文章
- 下面小編就為大家?guī)硪黄媪私鈎tml.css溢出。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-29
- 這篇文章主要為大家詳細(xì)介紹了使用HTML5里classList操作CSS類的方法,感興趣的小伙伴們可以參考一下2016-06-28
- 下面小編就為大家?guī)硪黄獪\談HTML(css基礎(chǔ)樣式)。小編覺得挺不錯的, 現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-27
- 下面小編就為大家?guī)硪黄狧TML (css樣式規(guī)范)必看篇。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-27
html+css+div實現(xiàn)電影結(jié)束效果
下面小編就為大家?guī)硪黄猦tml+css+div實現(xiàn)電影結(jié)束效果。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-22- 下面小編就為大家?guī)硪黄狧tml/Css(新手入門第一篇必看攻略)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-01