在現(xiàn)代網(wǎng)頁設計中，CSS和HTML是緊密相連的兩個部分。HTML負責網(wǎng)頁的結構和內容，而CSS負責美化和樣式的改變。
HTML代碼示例： <html> <head> <title>這是標題</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>這是一級標題</h1> <p>這是一個段落</p> <img src="picture.jpg" alt="這是圖片"> </body> </html>
在這段HTML代碼中，使用了link標簽將CSS樣式文件引用到HTML文件中。這個樣式文件中定義了網(wǎng)頁中文字大小、顏色、背景色等樣式。CSS代碼的示例如下：
CSS代碼示例：
body {
background-color: #333;
color: #fff;
font-size: 18px;
}
h1 {
font-size: 36px;
text-align: center;
}
p {
font-size: 24px;
line-height: 1.5;
}
img {
width: 100%;
height: auto;
}在這段CSS代碼中，使用了選擇器和屬性來改變HTML元素的樣式。例如，選擇器“body”可以改變整個網(wǎng)頁的背景顏色和文字顏色；選擇器“h1”可以改變一級標題的字體大小和居中對齊；選擇器“p”可以改變段落的字體大小和行高；選擇器“img”可以改變圖片的寬度和自適應高度。通過CSS和HTML的配合使用，網(wǎng)頁可以得到美化和更好的可讀性。