CSS樣式的三種表現用法

來源：酷知科普網 7.71K

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

操作方法

（01）一.外部樣式將CSS樣式編寫並安放在一個獨立的檔案內，有<link />和@import兩種方式，而@import基本被放棄使用。<link rel="stylesheet" href="CSS檔案路徑" />例項1：相對路徑：<link rel="stylesheet" href="" />絕對路徑：<link rel="stylesheet" href="" />

（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>

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