CSS使用詳解
CSS（Cascading Style Sheets）是網站設計中的一種基本技術。它可以讓開發者輕松地控制網站的樣式和布局。下面我們來詳細了解一下CSS的使用。
1. CSS語法
CSS的語法是由選擇器、屬性和值組成的。選擇器是用來選擇頁面中的元素，屬性則決定了元素應該如何呈現，而值則為屬性提供了具體細節。
下面是一個CSS規則的基本語法：
選擇器{
屬性：值;
}
選擇器可以是HTML元素，ID，class等。屬性和值之間用冒號分隔，每個規則之間用分號分隔。
2. 內部樣式表
內部樣式表是指將CSS嵌入到HTML文檔中的一種方式。它的語法如下：在style標簽內，我們可以使用任何有效的CSS規則。
3. 外部樣式表
外部樣式表是指將CSS代碼存放在一個獨立的文件中，然后在HTML文件中引用。這種方式可以讓我們在多個頁面中使用相同的樣式規則，減少代碼量，增加可維護性。外部樣式表的語法如下：
在HTML文件中添加如下代碼：其中，href屬性指向CSS文件的地址。
4. ID選擇器
ID選擇器是CSS中最常用的選擇器之一。它可以唯一地標識一個頁面元素。ID選擇器以“#”符號開頭，后面跟著ID名，語法如下：
#id名{
屬性：值;
}
比如，我們可以給一個圖片添加ID屬性，并使用ID選擇器來改變它的樣式：
5. class選擇器
class選擇器與ID選擇器很相似，但它可以應用于多個頁面元素。class選擇器以“.”符號開頭，后面跟著class名，語法如下：
.class名{
屬性：值;
}
比如，我們可以給頁面中的所有段落添加class屬性，然后使用class選擇器來改變它們的樣式：
5. class選擇器
class選擇器與ID選擇器很相似，但它可以應用于多個頁面元素。class選擇器以“.”符號開頭，后面跟著class名，語法如下：
.class名{
屬性：值;
}
比如，我們可以給頁面中的所有段落添加class屬性，然后使用class選擇器來改變它們的樣式：這是一個段落。
這是另一個段落。
6. 繼承 CSS中的繼承是指子元素可以繼承父元素的樣式。比如，我們可以在父元素中定義一個字體，然后所有子元素都會繼承這個字體。下面是一個繼承的例子：Welcome to My Website
This is a paragraph.
在這個例子中，h1和p元素都繼承了body元素的字體。 7. 盒模型 盒模型是CSS中最重要的概念之一。每個HTML元素都是一個矩形盒子，由內容、內邊距、邊框和外邊距四個部分組成。下面是一個盒模型的示意圖： +----------------------------------+ | Margin (外邊距) | | | | +------------------------+ | | | Border (邊框) | | | | | | | Padding (內邊距) | | | | | | | Content (內容) | | | | | | | | | +------------------------+ | | | | Margin (外邊距) | +----------------------------------+ 我們可以使用CSS樣式來控制每個盒子的尺寸，邊框和內外邊距。比如：This is a box.
在這個例子中，我們定義了一個300x200像素的div元素，帶有1像素實心邊框，10像素內邊距，20像素外邊距。
以上就是CSS的主要使用方法和概念。通過這些方法可以為網站添加漂亮的樣式和布局。