Dreamweaver(簡稱DW)是一款非常流行的網頁制作工具,它可以幫助我們高效地完成網頁設計和開發工作。在使用DW時,我們會經常遇到保存CSS樣式的問題,下面是一些保存CSS樣式的方法:
<style type="text/css"> /* 這里可以寫一些CSS樣式代碼 */ body { color: #333; background: #ebebeb; } ... </style>
1. 內部樣式表
內部樣式表是指將CSS樣式代碼直接寫在HTML頁面的頭部區域中,使用<style>標簽來定義。這種方式可以使我們維護代碼時更加方便,但是代碼量過大時,頁面加載速度會變慢。
/* 這里是CSS代碼 */ body { color: #333; background: #ebebeb; } ...
2. 外部樣式表
外部樣式表是指將CSS樣式代碼存放在一個獨立的.css文件中,在HTML頁面中使用<link>標簽來引入外部樣式表文件,這是最常用的一種保存CSS樣式的方法。
/* CSS樣式存放在一個樣式表文件中 */ .my-style { color: blue; font-size: 14px; ... }
3. 內聯樣式
內聯樣式是指直接將CSS樣式代碼寫在HTML標簽的<style>屬性中,這種方法在特殊情況下才會使用,因為它的可維護性比較低。
/* 這里是HTML標簽的內聯樣式代碼 */ <div style="background-color: #f00; color: #fff;"> ... </div>
總之,在DW中保存CSS樣式的方式多種多樣,根據實際情況選擇不同的方法即可。
上一篇dw中css復合樣式教程
下一篇dw中css區塊