CSS樣式表是一種用于控制網(wǎng)頁(yè)元素的樣式表代碼，能夠幫助我們輕松地為網(wǎng)頁(yè)添加樣式和布局。在本文中，我們將介紹如何編寫和使用CSS樣式表。

## 編寫CSS樣式表

/* 選擇父元素 */

color: blue;

font-size: 24px;

/* 選擇子元素 */

color: green;

font-size: 16px;

color: blue;

font-size: 24px;

text-decoration: none;

/* 選擇圖片 */

width: 100px;

height: 100px;

/* 選擇表單元素 */

form {

background-color: #f2f2f2;

padding: 10px;

/* 選擇表格元素 */

table {

border-collapse: collapse;

width: 100%;

th, td {

border: 1px solid #ccc;

padding: 8px;

## 使用CSS樣式表

在編寫CSS樣式表時(shí)，我們需要考慮元素的樣式，并使用CSS屬性來設(shè)置元素的樣式。使用CSS樣式表時(shí)，我們可以使用以下語法：

/* 設(shè)置文本顏色 */

color: red;

上述代碼將`h1`元素的文本顏色設(shè)置為紅色。

/* 設(shè)置子元素的樣式 */

font-size: 20px;

color: blue;

font-size: 20px;

text-decoration: none;

/* 設(shè)置圖片的樣式 */

width: 100px;

height: 100px;

/* 設(shè)置表單元素的樣式 */

form {

background-color: #f2f2f2;

padding: 10px;

/* 設(shè)置表格元素的樣式 */

table {

border-collapse: collapse;

width: 100%;

上述代碼將`form`元素的樣式設(shè)置為背景顏色為#f2f2f2,`padding`屬性設(shè)置為10px,`table`元素的樣式設(shè)置為寬度為100%，邊框?qū)挾葹?。

以上就是編寫和使用的CSS樣式表的概述，使用CSS樣式表能夠讓我們輕松為網(wǎng)頁(yè)添加樣式和布局，使網(wǎng)頁(yè)更加美觀。