CSS(Cascading Style Sheets)是一種用于定義文檔樣式的語言。使用CSS,你可以控制HTML文檔的外觀和布局。下面介紹CSS定義樣式的用法:
首先,在HTML文檔中引入CSS文件。可以在``標簽中添加``元素,定義樣式的屬性和值以及選擇器,如下所示:
``````
上面代碼中的`href`屬性指定了CSS文件的路徑。
在CSS文件中,可以使用選擇器選擇需要應用樣式的HTML元素。選擇器可以是元素名稱、類名、ID、屬性等。例如,選擇所有段落元素可以使用以下選擇器:
```
p {
/* 樣式定義 */
}
```
其中,花括號中是樣式定義的內(nèi)容。在樣式定義中使用屬性和值來控制元素的外觀,如下所示:
```
p {
color: red; /* 設置文字顏色為紅色 */
font-size: 16px; /* 設置文字大小為16像素 */
margin-top: 20px; /* 設置頂部外邊距為20像素 */
}
```
上面代碼中的三個屬性分別是文字顏色、字體大小和外邊距,每個屬性都有一個對應的值。在樣式中可以定義多個屬性和值,用分號分隔。
除了元素名稱選擇器,還可以使用類選擇器和ID選擇器。例如,為某個HTML元素添加類名`my-class`:
```
這是一個段落元素
``` 在CSS中可以使用點號表示類選擇器: ``` .my-class { /* 樣式定義 */ } ``` 同樣地,可以使用井號表示ID選擇器,例如: ```