網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

CSS樣式的三種表現用法

欄目: 互聯網 / 發佈於: / 人氣:7.39K

學會了CSS樣式的三種表現用法,CSS原來可以如此簡單!

操作方法

(01)一.外部樣式將CSS樣式編寫並安放在一個獨立的文件內,有<link />和@import兩種方式,而@import基本被放棄使用。<link rel="stylesheet" href="CSS文件路徑" />實例1:相對路徑:<link rel="stylesheet" href="" />絕對路徑:<link rel="stylesheet" href="" />

CSS樣式的三種表現用法

(02)二.內部樣式定義在style標籤中,放在head標籤中,設置的樣式可以影響整個HTML頁面。<style>選擇器1 {屬性名稱1:屬性值1;屬性名稱2:屬性值2;......}選擇器2 {屬性名稱a:屬性值a;屬性名稱b:屬性值b;......}......</style>實例2:<style>body {background:red;color:blue;}p{color:red;}......</style>

CSS樣式的三種表現用法 第2張

(03)三.內聯樣式內聯樣式,也稱行內樣式,寫在標籤內的樣式,隻影響該標籤內的元素。適合範圍,除<script>外的所有子標籤。<自定義標簽名 style="屬性名稱1:屬性值1;屬性名稱2:屬性值2;......;">實例3:<body style="background:blue;color:gold;......;">

CSS樣式的三種表現用法 第3張

(04)小編在這裏是手寫CSS樣式,所以使用txt文本文檔來寫。如果有Dreamweaver軟件,對新手編寫CSS樣式來説也是一種不錯的選擇。

(05)打開Dreamweaver軟件,新建文檔,選擇新建CSS,然後點新建。軟件自動生成標準CSS樣式模版,在裏面輸入CSS外部樣式。

CSS樣式的三種表現用法 第4張

(06)打開Dreamweaver軟件,新建HTML文檔,一個html文檔內可以輸入CSS樣式的三種表現用法。作者:劉承元 新浪微博:劉承元VIP 微信公眾號:劉承元

CSS樣式的三種表現用法 第5張
Tags:CSS