在網頁設計中,CSS是不可或缺的一部分。通過使用CSS,我們可以輕松地掌握頁面的外觀和布局。
以下是引入CSS常用樣式的一些例子:
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
這是一個基本的CSS引入樣式的例子。其中,"styles.css"是CSS文件的名字,該文件應該位于與HTML文件相同的文件夾中。
body {
background-color: #f5f5f5;
font-family: Arial, sans-serif;
}
這是一個設置頁面主體背景顏色和字體的樣式。我們使用了body選擇器來指定我們想要改變的元素,并為它們設置屬性。在這個例子中,我們設置了背景顏色為#f5f5f5(一種淺灰色),字體為Arial或sans-serif。
h1 {
text-align: center;
color: #333;
font-size: 36px;
}
這個樣式設置h1標題的文本對齊方式,顏色和字體大小。text-align屬性設置標題在中央對齊,color屬性設置文本顏色為#333(深灰色),font-size屬性設置字體大小為36像素。
上述這些只是樣式中的一部分。如果你想獲取更多的CSS樣式,請訪問w3schools.com。
上一篇引入css樣式表的方法