CSS學習筆記之基本介紹
阿新 • • 發佈：2019-02-10
元素 ron 文件 組成 color styles clas sel 學習
1、簡介
層疊樣式表（Cascading Style Sheets，CSS）允許我們把樣式設置存儲在文件中，從而將內容與表現分離
當同一個 HTML 元素被不只一個樣式定義時，最終的樣式確定順序如下（優先級從小到大排列）：
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表
- 內聯樣式
（1）外部樣式表
當樣式需要應用於很多頁面時，外部樣式表是理想的選擇，使用 <link> 標簽鏈接樣式表，<link> 標簽一般位於 HTML 文檔頭部
<head> <link rel="stylesheet" type="text/css" href="fileName.css" /> </head>
（2）內部樣式表
當單個文件需要特殊的樣式時，可以使用內部樣式表，使用 <style> 標簽定義樣式，<style> 標簽一般位於 HTML 文檔頭部
<head>
<style type="text/css">
/* 這裏寫樣式定義 */
</style>
</head>（3）內聯樣式
當單個元素需要特殊的樣式時，可以使用內聯樣式，在需要定義特殊樣式的標簽內使用 style 屬性，但是由於該方法使得內容和表現混合在一起，極大削弱了樣式表的優勢，所以不建議使用
<p style="color: red;">這是一個段落</p>
2、語法
CSS 語法規則由兩部分組成，分別是 選擇器 和 聲明語句，選擇器用於定位需要改變樣式的 HTML 元素，聲明語句由屬性和值組成，並且一般情況下值需要被雙引號包圍，用於說明具體的樣式
selector {
property: value;
property: value;
......
}CSS學習筆記之基本介紹