在前端開(kāi)發(fā)中，CSS是必不可少的一部分。CSS是一種用于定義頁(yè)面樣式的語(yǔ)言，而HTML則是用于定義頁(yè)面內(nèi)容的語(yǔ)言。下面我來(lái)總結(jié)一下CSS方面的筆記。

1. CSS選擇器

選擇器是CSS中非常重要的部分，它們用于指定樣式應(yīng)用于哪些HTML元素。以下是一些常見(jiàn)的選擇器：

元素選擇器：p，h1，div等。
ID選擇器：#id，用于選取單個(gè)元素。
類選擇器：.class，用于選取所有使用該類的元素。
組合選擇器：選擇器組合使用，比如h1+p，選中緊跟在h1后面的p元素。

2. 層疊樣式表

CSS樣式可以通過(guò)不同的來(lái)源引入到HTML中，而它們可以是相互沖突的。層疊樣式表CSS可以解決這個(gè)問(wèn)題，其中樣式按照特定的優(yōu)先級(jí)被選擇應(yīng)用。以下是一些CSS優(yōu)先級(jí)的規(guī)則：

!important：優(yōu)先級(jí)最高。
內(nèi)聯(lián)樣式：HTML中寫入的樣式。
ID選擇器：id選擇器的優(yōu)先級(jí)比類選擇器高。
類選擇器/屬性選擇器：優(yōu)先級(jí)相同。
標(biāo)簽選擇器/偽類選擇器：優(yōu)先級(jí)相同。

3. CSS盒模型

CSS盒模型規(guī)定了網(wǎng)頁(yè)中所有HTML元素的布局和結(jié)構(gòu)。一個(gè)元素的盒模型包括內(nèi)容區(qū)域，內(nèi)邊距，邊框和外邊距。

4. CSS布局

在CSS中，布局是一項(xiàng)重要的任務(wù)。以下是一些CSS布局的技術(shù)：

浮動(dòng)(float)：將元素移動(dòng)到容器的左側(cè)或右側(cè)。
定位(position)：相對(duì)于文檔中的一個(gè)點(diǎn)定位元素。
彈性盒子(flexbox)：現(xiàn)代CSS布局的最新技術(shù)，可以在不使用浮動(dòng)和定位的情況下創(chuàng)建復(fù)雜布局。

CSS是前端開(kāi)發(fā)中不可或缺的一部分。這里總結(jié)的只是一些常見(jiàn)的CSS方面的筆記。還有許多其他的學(xué)習(xí)資料可以幫助我們更好的理解和掌握CSS。