CSS(層疊樣式表)是一種用于控制網(wǎng)頁樣式的語言,通過編寫CSS代碼,可以定義網(wǎng)頁的字體、顏色、布局、邊框、背景等樣式。使用CSS,可以輕松地讓網(wǎng)頁變得更加美觀、易于閱讀和交互性更好。
在HTML中,我們使用<style>標(biāo)簽來聲明CSS樣式。<style>標(biāo)簽的內(nèi)聯(lián)內(nèi)容可以包含多個(gè)CSS規(guī)則,這些規(guī)則可以以行內(nèi)樣式、塊級(jí)樣式或類名的形式進(jìn)行聲明。
下面是一個(gè)使用CSS定義一個(gè)簡(jiǎn)單的網(wǎng)頁樣式的例子:
```html
<head>
<title>My Webpage</title>
<style>
/* 定義字體樣式 */
body {
font-family: Arial, sans-serif;
}
/* 定義段落樣式 */
p {
font-size: 18px;
line-height: 1.5;
}
/* 定義表單樣式 */
form {
margin: 20px;
padding: 20px;
}
/* 定義背景樣式 */
body {
background-color: #f0f0f0;
background-size: cover;
background-position: center;
}
</style>
</head>
<body>
<h1>Welcome to My Webpage</h1>
<p>Hello, world!</p>
<form>
<input type="text" name="username" placeholder="Username">
<input type="password" name="password" placeholder="Password">
<button type="submit">Submit</button>
</form>
</body>
通過使用CSS,我們可以輕松地讓網(wǎng)頁變得更加美觀、易于閱讀和交互性更好。在實(shí)際應(yīng)用中,我們可以將CSS樣式應(yīng)用到不同的網(wǎng)頁元素中,如標(biāo)題、段落、圖片、按鈕等,從而使整個(gè)網(wǎng)站更具可讀性和美觀性。