1.概念相關

1.css: 層疊樣式表 . html是毛坯房,css裝修

2.css語法 {屬性:屬性值 屬性值 屬性值; 屬性:屬性值}

3.塊狀元素、行內元素和內聯塊狀元素

塊狀元素的特點:

1、每個塊級元素都從新的一行開始，並且其後的元素也另起一行

2、元素的高度、寬度、行高以及頂和底邊距都可設置

3、元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度

行內元素特點:

1、和其他元素都在一行上；

2、元素的高度、寬度及頂部和底部邊距不可設置；

3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。

內聯塊狀元素特點:

1、和其他元素都在一行上；

2、元素的高度、寬度、行高以及頂和底邊距都可設置。

4.顏色值

英文命令顏色 p{color:red;}

RGB顏色 p{color:rgb(133,45,200);} p{color:rgb(20%,33%,25%);}

十六進制顏色 p{color:#00ffff;}

配色表：

作用:美化頁面, 將頁面美化和html進行分離

2.CSS和HTML結合方式

內嵌式 <div style="border:1px solid blue;">div</div>

嵌入式<style>div{border:1px solid red;}</style>

外部式 1.創建一個css文件 2.通過link標簽引入 3.href:css文件的路徑 <link rel="stylesheet" href="css文件路徑">

三者的優先級順序:在相同權值的情況下

就近原則（離被設置元素越近優先級別越高）