在 CSS 中，樣式定義了如何顯示 HTML 元素。樣式可以定義元素的顏色、大小、字體等屬性。
CSS 樣式可以通過不同的方式來定義。下面是幾種常用的方法：
/*
* 內聯樣式
*/
<p style="color: red;">這段文字是紅色的</p>
/*
* 內部樣式表
*/
<head>
<style>
p {
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<p>這段文字是藍色的，字體大小為 20 像素</p>
</body>
/*
* 外部樣式表
*/
/* index.css */
p {
color: green;
font-size: 24px;
}
/* index.html */
<head>
<link rel="stylesheet" href="index.css">
</head>
<body>
<p>這段文字是綠色的，字體大小為 24 像素</p>
</body>無論使用哪種方式定義樣式，都需要遵循一些規則。下面是一些常見的規則：
- 選擇器：指定要應用樣式的 HTML 元素。
- 屬性：定義要修改的樣式屬性，例如顏色、大小、字體等。
- 值：屬性所取的值。
CSS 的選擇器可以是元素名、class 名、id 名等。例如：
/* 元素選擇器 */
p {
color: red;
}
/* class 選擇器 */
.red-text {
color: red;
}
/* id 選擇器 */
#content {
font-size: 18px;
}值可以是顏色代碼、大小值等。例如：
/* 顏色代碼 */
p {
color: #008080;
}
/* 大小值 */
p {
font-size: 16px;
}需要注意的是，CSS 樣式的定義順序也很重要。當多個樣式規則應用到同一個元素時，后面的規則會覆蓋前面的規則。
這就是 CSS 樣式定義的基本知識。掌握這些內容可以讓你更好地掌控網頁的外觀和布局。
上一篇CSS手冊設計感裙子
下一篇ajax接收并解析map