CSS——讀書筆記

標籤：

《精通CSS 進階web標準解決方案(第2版)》

目錄：

1. 基礎知識（設計代碼的結構）
2. 為樣式找到應用目標（選取器及樣式表維護）
3. 可視化格式模型（盒子模型及定位）
4. 背景映像效果（背景、邊框及映像）
5. 對連結應用樣式（連結）
6. 對列表應用樣式和建立導航條（列表樣式及導覽功能表）
7. 對錶單和資料表格應用樣式（表單和資料表格）
8. 布局（實現浮動等各種布局）
9. bug和修複bug（bug定位及解決方案）
10. 執行個體研究——Roma Italia
11. 執行個體研究——Climb the Mountains

 

第一章：基礎知識

1.設計代碼的結構

》CSS控制頁面外觀，並且將文檔與內容分隔開，簡化標籤。

》ID用於表示頁面上的特定元素(如網站導覽)，而且必須是唯一的。

》類名可以用於頁面上任意多個元素。

》元素命名要根據它們是什麼，而非它們長什麼樣。類名&ID->全小寫加連字號

》div可以將文檔分割為幾個有意義的地區。div可以用來對區塊層級元素分組，span可以用來對行內元素分組或標識。

》微格式：基於vCard、iCalendar等現有的資料格式。

　　當前有9個正式的微格式，還有14個格式草案：

• 用於日期、日曆和時間的hCalendar
• 用於人和組織的hCard
• 用於人之間關係的XFN
• 用於產品說明的hProduct（草案）
• 用於原料和烹調步驟的hRecipe（草案）
• 用於產品和事件審查的hReview（草案）
• 用於部落格文章等片段式內容的hAtom（草案）

》CSS版本：

　　1996——CSS1

　　1998——CSS2

總的來說CSS3主要擁有以下幾個新的亮點：

　　進階選取器，圓角，多背景，@font-face動畫與漸層，漸層色，Box 陰影，RGBa - 加入透明色，文字陰影，圖形化邊界 。

》有效性驗證：http://validator.w3.org/　　bookmarket(favelet)　　firefox外掛程式

 

CSS——讀書筆記