css怎麼使用-前端問答-PHP中文網

CSS（Cascading Style Sheets）是一種用來定義網頁樣式的語言，它與HTML一起被用來建立網頁。 CSS透過控制HTML元素的外觀和位置來實現網頁的美化，提升使用者體驗。

在本文中，我們將介紹CSS的基礎知識以及如何使用CSS來改變HTML元素的樣式。

CSS基礎

CSS由選擇器和宣告組成。選擇器用於選擇要套用樣式的HTML元素，而聲明則指定了套用於選取元素的樣式。

以下是一些常見的選擇器：

#元素選擇器：透過指定HTML元素名稱來選擇元素，例如：
```
p {
color: red;
}
```
登入後複製
這將選擇文件中所有的
元素，並將它們的顏色設為紅色。
類別選擇器：透過指定類別名稱來選擇元素，例如：
```
.my-class {
background-color: yellow;
}
```
登入後複製
這將選擇所有帶有class="my- class"的元素，並將它們的背景色設為黃色。
ID選擇器：透過指定id來選擇單一元素，例如：
```
#my-id {
font-size: 20px;
}
```
登入後複製
這將選擇具有id="my-id"的元素，並將其字體大小設為20像素。
屬性選擇器：透過指定元素的屬性來選擇元素，例如：
```
a[href="https://www.google.com"] {
color: blue;
}
```
登入後複製
這將選擇所有指向Google網站的元素，將它們的顏色設為藍色。
偽類別和偽元素：透過指定元素狀態或位置來選擇元素，例如：
```
a:hover {
text-decoration: underline;
}
```
登入後複製
這將選擇所有元素，在滑鼠懸停時將它們的文字加下劃線。

p {
  color: red;
}