CSS技術的簡介

1,css技術的簡介

CSS是Cascading Style Sheet的縮寫。譯作」層疊樣式表單「。是用於（增強）控制網頁樣式並允許將樣式資訊與網頁內容分開的一種標記性語言。使用CSS樣式可以控制許多僅使用HTML無法控制的屬性。 HTML是一種標記性語言。當在瀏覽器中開啟一個HTML網頁時，瀏覽器將讀取該網頁中的HTML標籤，並根據內建的解析規則將網頁元素呈現。 css（層疊樣式表）決定瀏覽器將如何描述html元素的表現。換而言之，CSS就是描述HTML元素的規則。 CSS目前最新版本為CSS3，CSS能夠根據不同使用者的理解能力，簡化或優化寫法，針對各類人群，有較強的易讀性。

CSS層疊樣式表是一系列格式設定的規則，它們控制網頁內容的外觀。使用CSS設定頁面格式時，可以將內容與表現分開。網頁內容（即HTML程式碼）駐留在HTML文件本身中，而用於定義程式碼表現形式的CSS規則則駐留在另一個文件（外部樣式表）或HTML文件的另一部分（通常為文件頭部分）中。使用CSS可以更靈活地控制特定的頁面外觀，從精確的佈局定位到特定的字體和樣式。

CSS允許控制HTML無法獨自控制的許多屬性。例如，可以為選定的文字指定不同的字體大小和單位（像素、磅值等）。透過CSS可以用像素為單位來設定字體大小，從而可以確保在多個瀏覽器中以更一致的方式處理頁面佈局和外觀。除設定文字格式外，還可以使用CSS控制網頁中區塊層級元素的格式和定位。例如，可以設定區塊層級元素的邊距和邊框，其他文字周圍的浮動文字等。

CSS格式設定規則由選擇器和宣告兩部分組成，其中選擇器是標識格式元素的術語（如p、h1、類別名稱或id），聲明用於定義元素樣式。

CSS的主要優點是提供了便利的更新功能。設計網站時，可以建立一個CSS樣式表文件，然後將網站中的所有網頁都連接到該樣式表文件，這樣很容易為Web網站內的所有網頁提供一致的外觀和風格。當更新某一樣式屬性時，使用該樣式的所有網頁的格式都會自動更新為新樣式，而不必逐頁進行修改。

#2,網頁設計中常用的CSS屬性

#文字或元素的顏色color

背景顏色background-color

背景圖片background-image

字體font-family

文字大小font-size

清單樣式list

滑鼠樣式cursor

邊框樣式border

#內補白padding