在網(wǎng)頁設(shè)計(jì)中，CSS是不可或缺的一部分。CSS可以幫助我們控制網(wǎng)頁的布局和樣式，讓網(wǎng)頁更加美觀，易于閱讀。在這次實(shí)驗(yàn)中，我們將學(xué)習(xí)如何使用CSS來制作一個(gè)簡(jiǎn)單的網(wǎng)站。
首先，我們需要準(zhǔn)備一個(gè)HTML文檔作為網(wǎng)站的框架。在HTML文檔中，使用link標(biāo)簽引入CSS文件。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
現(xiàn)在，我們可以開始寫CSS樣式了。我們可以使用選擇器來選擇需要應(yīng)用樣式的元素。
例如，下面這段CSS代碼會(huì)將所有h1標(biāo)簽的字體顏色設(shè)為紅色：
h1 {
color: red;
}我們還可以使用class和id來選擇元素并為其應(yīng)用樣式。
例如，下面這段CSS代碼會(huì)將所有class為“container”的元素設(shè)置背景顏色為灰色：
.container {
background-color: gray;
}我們還可以使用偽類來選擇元素的狀態(tài)，并為其應(yīng)用樣式。例如，下面這段CSS代碼會(huì)將所有a標(biāo)簽的鼠標(biāo)懸停狀態(tài)下的字體顏色設(shè)為藍(lán)色：
a:hover {
color: blue;
}最后，我們可以使用媒體查詢來為不同的設(shè)備（如手機(jī)、平板電腦、電腦）設(shè)置不同的樣式。例如，下面這段CSS代碼會(huì)在設(shè)備寬度小于600像素時(shí)將所有h1標(biāo)簽的字體大小設(shè)為16像素：
@media screen and (max-width: 600px) {
h1 {
font-size: 16px;
}
}通過這次實(shí)驗(yàn)，我們學(xué)習(xí)了如何使用CSS來制作一個(gè)簡(jiǎn)單的網(wǎng)站，并學(xué)習(xí)了CSS中的一些基本概念和語法。