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

1. CSS選擇器

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

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

2. 層疊樣式表

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

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

3. CSS盒模型

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

4. CSS布局

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

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

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