在前端開發中，CSS是不可或缺的一部分。CSS是一種樣式語言，它可以控制網頁的樣式和外觀。以下是一些CSS的基礎知識。

選擇器

p {
color: blue;
}

選擇器用于選擇需要樣式化的元素。上面的代碼中，p選擇器選擇所有的<p>標簽，并將它們的顏色設為藍色。

類

.some-class {
font-size: 20px;
}

類是一種可重用的樣式，可以在多個元素中使用。上面的代碼中，.some-class類定義了字體大小為20像素。將該類添加到某個元素中，該元素的字體大小就會繼承該類。

ID

#main {
background-color: gray;
}

ID是一種僅限于一個元素的選擇器。上面的代碼中，#main選擇器只對具有“main” ID的一個元素生效，將其背景色設為灰色。

盒子模型

#box {
width: 100px;
height: 100px;
border: 1px solid black;
padding: 10px;
margin: 20px;
}

盒子模型是CSS中用于定義元素邊框、內邊距、外邊距和內容大小的模型。上面的代碼中，#box元素的寬度和高度均為100像素，具有1像素寬的黑色邊框，內邊距為10像素，外邊距為20像素。

布局

#container {
display: flex;
justify-content: center;
align-items: center;
}

布局是CSS中的一項重要功能，它使開發者能夠控制元素在頁面中的位置和排列。上面的代碼中，#container元素使用flex布局，將其內部的元素水平和垂直居中排列。

總結

CSS是前端開發中必不可少的一部分。選擇器、類、ID、盒子模型和布局等基礎知識可以幫助開發者更好地掌握CSS。