（一）css簡介及基本語法
1. 什麼是css：cascading style sheet層疊樣式表，用於修飾和美化html標籤的一種計算機語言，能夠實現結構表現的分離。
2. css基本語法
選擇器4. 選擇器的種類：標籤選擇器（元素選擇器）、類選擇器、id選擇器、全域性選擇器（萬用字元選擇器）、群組選擇器、子集選擇器、後代選擇器、屬性選擇器、動態偽類選擇器…..
a. 標籤選擇器（元素選擇器）：拿html標籤做選擇器，作用是使文件中的相同標籤應用相同樣式
b. 類選擇器：作用是對某個元素單獨設定樣式，進行修飾
第一步：設定名稱`
` 第二步：設定樣式/類名
類選擇器的注意事項
1.類的名稱的命名規則
由字母、數字、下劃線構成
不可以有漢字
不可以以數字開頭
不可以是關鍵字
2.乙個文件中類名可以相同
3.乙個類可以有多個名
c. id選擇器：作用是對某個元素單獨設定樣式，進行修飾
第一步：設定名稱
第二步：設定樣式 #id名
注意：類選擇器和id選擇器的區別是
1.乙個文件中，類名可以相同，但是id名不可以重複
2.id的權重大於類的權重，換句話id的樣式優先於類的樣式
d. 全域性選擇器（萬用字元選擇器）：使用*號作為選擇器，作用是使所有元素應用同種樣式
e. 群組選擇器：就是指用逗號將多個選擇器分隔開，是它們形成乙個組，應用同種樣式
f. 動態偽類選擇器
:link 預設樣式(應用物件是超級鏈結)
:visited 訪問過後的樣式（應用物件是超級鏈結）
:hover 滑鼠滑過元素時的樣式（應用物件可以是超級鏈結，也可以是其它元素）
:active 滑鼠啟用時的樣式（應用物件可以是超級鏈結，也可以是其它元素）
在使用四個動態偽類時一定要注意順序問題：lvha
:focus 獲得焦點時的樣式
1. 樣式表的應用：行內樣式表、內部樣式表、外部樣式表、匯入樣式表
a. 行內樣式表：指將樣式表寫在html標籤的開始標籤中，用style做關鍵字，行內樣式表通常用來修飾個別的區域性元素,弊端是沒有實現結構和表現的分離，所以行內樣式使用的頻率並不高
b. 內部樣式表（內嵌樣式表），通常寫在html文件的標籤中，格式如下
type="text/css">
樣式
style>
head>
注意：當對乙個文件做樣式的修飾時，可以選用內部樣式表，弊端也沒有真正實現結構和表現的分離
c. 外部樣式表：所謂外部樣式表是指將css樣式寫在乙個單獨的css檔案中，然後使用標籤將css檔案和html檔案關聯起來，該種樣式表真正實現了結構和表現的分離，是我們學習和工作中最為常用的一種樣式表。格式：
rel="stylesheet"
type="text/css"
href="css檔案的路徑" />
head>
d. 匯入樣式表：只做了解
type="text/css">
@import
"樣式表的路徑"
;
style>
head>
行內樣式表的優先順序》內部樣式表的優先順序
內部樣式表和外部樣式表的優先順序取決於樣式表的載入順序，後載入的樣式表優先顯示
就近原則
繼承：後代元素會從祖先元素那裡繼承樣式
覆蓋：如果選擇器的權重相同，那麼同種屬性，後設定的樣式會覆蓋先設定的樣式
html文件的注釋：``
css文件的注釋：`/*注釋內容*/`
注釋的好處:
結構清晰，方便維護
有利於**調錯
樣式表CSS的高階語法
2007 09 17 選擇器的分組 你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。以下是引用片段 h1,h2,h3,h4,h5,h6 繼承及其問題 根據css，子元素從父元素繼...
CSS層疊樣式表 定義樣式表
定義樣式表 1 html標記定義 p p可以叫做選擇器，定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性，他們之間需要用英語 隔開，最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...
CSS三種樣式表
外部樣式表的作用 設定乙個外部樣式表，在html頁面的head中新增，通過link標籤標記，rel 指定其樣式為stylesheet，type 指定其格式為text css，herf 指定到欲應用的css樣式檔案。表此樣式表應用於當前整個頁面效果，內部樣式表的作用 設定乙個內部樣式表，在html頁面...