CSS是一種用于控制網頁樣式的語言,可以讓我們對網頁的布局、顏色、字體等進行調整。在CSS中,我們可以使用三個點(<style>)來設置樣式。
第一個點(<style>)用來聲明樣式。在這個點中,我們可以寫任何CSS規則,包括字體、顏色、布局等等。例如,我們可以在<style>標簽中寫下以下樣式:
body {
font-family: Arial, sans-serif;
color: #f00;
background-color: #ccc;
這個樣式聲明了網頁的body元素字體為Arial,顏色為#f00,背景顏色為#ccc。
第二個點(<style>)用來設置子元素的樣式。在這個點中,我們可以寫上要設置子元素的樣式,例如:
font-size: 20px;
color: #007bff;
這個樣式聲明了h1元素字體大小為20px,顏色為淺藍色。
第三個點(<style>)用來設置整個頁面的樣式。在這個點中,我們可以寫上要設置整個頁面的樣式,例如:
body {
font-family: Arial, sans-serif;
color: #f00;
background-color: #ccc;
font-size: 20px;
color: #007bff;
.other-class {
font-size: 30px;
color: #007bff;
這個樣式聲明了body元素字體大小為Arial,顏色為#f00,背景顏色為#ccc,并定義了h1元素字體大小為20px,顏色為淺藍色,以及.other-class元素字體大小為30px,顏色為深紅色。
通過使用<style>標簽,我們可以輕松地設置樣式,從而使我們的網頁更加美觀、易于閱讀。