一、屬性

屬性：表示事物的一些特征

分為兩種：1、標簽屬性

2、 樣式屬性

兩者的區別：位置不一樣 （樣式屬性寫在style中，標簽屬性寫在標簽內）

寫法不一樣（樣式屬性是屬性：屬性值，標簽屬性是屬性="屬性值")

二、選擇器
選擇器

標簽選擇器

id選擇器

class選擇器

樣式由選擇器的權重來決定

標簽的權重：1 class的權重為 10 id的權重為 100 （備註：權重可以疊加）

瀏覽器執行代碼是從上往下，從左往右。

選擇器的分類：

　　　　　　　　1、標簽選擇器

　　　　　　　　2、id選擇器

　　　　　　　　3、class選擇器

　　　　　　　　4、後代選擇器 （標簽嵌套多層關系）

　　　　　　　　5、子代選擇器（標簽嵌套只有一層關系）

　　　　　　　　6、交集選擇器 （千萬不能把標簽寫在後面 如：.aap）

三、css

css叫層疊樣式表 ，用於給html添加樣式

網頁中如何嵌套style樣式

　　　　1、行間樣式（將style當做屬性寫在標簽內)

　　　　　　　例如：<P style="color：red；"></p>

　　　　2、行內樣式（將style當做標簽來寫，寫在head之間）　　　

　　　　　　　　例如:<style>

　　　　　　　　　　　　p{color:red;}

　　　　　　　　　　</style>

　　　　3、外部引用 （把style當做css文件來用）

　　　　　　　　例如：<link type="text/css" rel="stylesheet" href="./01.css”>（備註：rel和href是必不可少的）

　　　　4、嵌入式（@ import url （"02.css"）

行間樣式把style當做屬性使用，鍵值對在屬性值中該怎麽用就怎麽用；

行內樣式把style當做標簽使用，鍵值對還是老樣子；

外部引入，將樣式寫在css文件中，還是以鍵值對的形式書寫樣式。

css 課堂筆記