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
外邊距離margin