1 什么是CSS？

CSS通常稱為CSS樣式表或層疊樣式表（級聯樣式表），主要用于設置HTML頁面中的文本內容（字體、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。

CSS以HTML為基礎，提供了豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還可以針對不同的瀏覽器設置不同的樣式。

2 CSS語法

CSS基礎語法

CSS規則由兩個主要部分構成：選擇器以及一條或多條聲明。

每條聲明由一個屬性和一個值組成。屬性(property)是設置的樣式屬性，每個屬性有一個值，屬性和值被冒號分開。

檢查是否是選擇器的問題，例如使用class定義的類選擇題，卻使用了id選擇器的#符號。

一、網頁制作中規范使用DIV+CSS命名規則，可以改善優化功效特別是團隊合作時候可以提供合作制作效率。

所有的命名最好都小寫

屬性的值一定要用雙引號("")括起來，且一定要有值如class="DIVcss",id="divcss"

每個標簽都要有開始和結束，且要有正確的層次，排版有規律工整

空元素要有結束的tag或于開始的tag后加上"/"

表現與結構完全分離，代碼中不涉及任何的表現元素，如style、font、bgColor、border等

<h1>到<h5>的定義，應遵循從大到小的原則，體現文檔的結構，并有利于搜索引擎的查詢。

給每一個表格和表單加上一個唯一的、結構標記id

給圖片加上alt標簽

盡量使用英文命名原則

盡量不縮寫，除非一看就明白的單詞

二、相對網頁外層重要部分CSS樣式命名：

外套 wrap ----------------用于最外層

頭部 header --------------用于頭部

主要內容 main ------------用于主體內容（中部）

左側 main-left ------------左側布局

右側 main-right -----------右側布局

導航條 nav -----------------網頁菜單導航條

內容 content ---------------用于網頁中部主體

底部 footer -----------------用于底部

DIV+CSS命名小結：

無論是使用“.”（小寫句號）選擇符號開頭命名，還是使用“#”(井號)選擇符號開頭命名都無所謂，但我們最好遵循。

主要的、重要的、特殊的、最外層的盒子用“#”(井號)選擇符號開頭命名，其它都用“.”（小寫句號）選擇符號開頭命名，同時考慮命名的CSS選擇器在HTML中重復使用調用。

通常我們最常用主要命名有：

wrap（外套、最外層）、header（頁眉、頭部）、nav(導航條)、menu(菜單)、title(欄目標題、一般配合h1\h2\h3\h4標簽使用)

、content (內容區)、footer(頁腳、底部)、logo（標志、可以配合h1標簽使用）、banner（廣告條，一般在頂部）、copyRight（版權）。

id是css的唯一選擇器，使用ID選擇器，必須給標簽添加上id屬性，為標簽設置id="ID名稱"。