這裡我主要想總結的是我平時記憶不牢的地方：1.1 背景的簡寫
background: background-color || background-image || background-repeat || background-attachment || background-position
示例：
body
font：font-style||font-variant||font-weight|| font-size/line-height||font-family（注意文字大小和行高用/隔開）
示例：
body
總結平時用的比較少的選擇器
3 偽類與偽物件
偽物件(元素)是指在html的文件指定的資訊之外，建立了文件的額外資訊。例如：:first-letter，:first-line，before，after;偽類和偽元素詳解
4 選擇器的優先順序
5.css的繼承屬性
1 . 網頁文字潤色
2 . 的處理與美化
-jpeg格式：採用有失真壓縮，可控制壓縮比，最常見，許多移動裝置都支援，支援色彩多，**一般儲存為jpeg
-gif格式：這種格式是用來交換(用作統計)的，壓縮比高，可組成動畫。
缺點：不能儲存超過256色的影象；在網頁中使用gif格式以圖表類居多（對色彩要求不高）
-png格式：是目前保證最不失真格式，採用無失真壓縮，顯示速度快，支援透明影象製作，漸進顯示和流式讀寫（逐漸清晰和一行一行顯示），保留影象的名稱，作者，版權，創作時間（可將js**壓縮到）；缺點：不支援動畫，ie6不支援（有解決辦法）
-png-8:比gif小一點，只能支援全透明
-png-24:色彩最豐富，支援alpha通道的透明
-webp:支援有損和無失真壓縮，支援完整的透明通道，也支援多幀動畫，沒有版權問題。
bpg:最先進的壓縮格式，同體積下能提供更高的圖象質量
svg：優點：向量圖，無失真壓縮，繪製路徑xml語言；缺點：瀏覽器支援不是很好，主要應用於移動端font-face.
css sprite技巧分解
-css sprite可以減輕伺服器的負載，提高網頁的載入速度，但同時css sprite大多用於較固定的畫素定位中，它的彈性較差，收到定位等因素的制約。
-使用css sprite的過程中需要注意一下幾點：
本書中關於概念的部分就總結到這，後面的部分我會在我的github上補充示例我的github
《互動設計那些事兒》讀書筆記
34 需求評估場景的提交物 需求規格說明書 需求評審會議紀要 需求變更備忘錄。提交人 需求分析師。35 功能設計場景的提交物 功能組織架構圖 業務流程圖 功能組織邏輯圖 用例圖 產品設計方案說明書。提交人 產品經理 互動設計師。36 產品評審場景的提交物 產品評審會議紀要 產品設計變更備忘錄 產品流...
css揭秘讀書筆記
currentcolor屬性讓hr和段落相同的顏色 div hr p裡面的hr標籤不變色 background origin padding box是背景的預設原點，background position right 10px bottom 10px 可以讓偏移，如果不支援這個屬性，可以這樣back...
《CSS世界》讀書筆記
css三無準則 無寬度 充分利用流特性 無浮動 無 無寬度與寬度分離分離準則相通 瀏覽器相容 區別 ie8僅支援單冒號的偽元素 如 element before 常用清楚浮動方式 清楚浮動 clearfix.clearfix after 需求 頁面某模組的文字內容是動態的，希望文字少的時候居中顯示，...