**1.當某些值相互依賴時， 應該把
它們的相互關係用**表達出來**
**2. 要把超連結的顏色設定為與頁面中其他文字相同， 還是要用
inherit**
a
.callout
.callout
::before
（1）使用百分比長度來取代固定長度。 如果實在做不到這一點， 也應該
嘗試使用與視口相關的單位（ vw、 vh、 vmin 和 vmax）， 它們的值解
析為視口寬度或高度的百分比。
（2）當你需要在較大解析度下得到固定寬度時， 使用 max-width 而不是
width， 因為它可以適應較小的解析度， 而無需使用**查詢。
（3）不要忘記為替換元素（ 比如 img、 object、 video、 iframe 等） 設
置乙個 max-width， 值為 100%。
（4）假如背景需要完整地鋪滿乙個容器， 不管容器的尺寸如何變化，
background-size: cover 這個屬性都可以做到。 但是， 我們也要時
刻牢記——頻寬並不是無限的， 因此在移動網頁中通過 css 把一張
大圖縮小顯示往往是不太明智的。
（5）當（ 或其他元素） 以行列式進行布局時， 讓視口的寬度來決定
列的數量。 彈性盒布局（ 即 flexbox） 或者 display: inline-block
加上常規的文字折行行為， 都可以實現這一點。
（6） 在 使 用 多 列 文 本 時， 指 定 column-width（列 寬） 而 不 是 指 定
column-count（ 列數）， 這樣它就可以在較小的螢幕上自動顯示為單
列布局。
5.簡寫屬性
background: url(tr.png) no-repeat top right / 2em 2em,
url(br.png) no-repeat bottom right / 2em 2em,
url(bl.png) no-repeat bottom left / 2em 2em;
background
: url(tr.png) top right,
url(br.png) bottom right,
url(bl.png) bottom left;
background-size
: 2em 2em;
background-repeat
: no-repeat;
CSS揭秘（引言）
1 標準的制定過程 a 人員結構 w3c會員公司的成員 特邀專家 w3c工作人員 b 儘管 css3 非常流行，但它實際上並沒有在任何規範中定義過。它實際上是指乙個非正式的集合，包括css規範第三版再加上一些版本號還是1的新規範。2 css編碼技巧 a 儘量減少 重複 b 相信你的眼睛，而不是數字 ...
CSS揭秘讀書筆記 第一章 引言
瀏覽器字首 常見的有firefox的 moz ie的 ms opera的 o safari和chrome的 webkit 每個瀏覽器可以實現實驗性的 甚至是私有的 非標準的 特性。瀏覽器字首極易濫用，未來需要打補丁，所以很多開發者會直接寫上所有瀏覽器字首，再把無字首的 放在最後，以希望滿足所有情況，...
CSS引言 語法
css 層疊樣式表 用於對web頁面進行樣式設計和布局 例如，更改內容的字型 顏色 大小和間距，將其分割成多個列，或者新增動畫和其他裝飾功能。本模組讓您開始掌握css的基本知識，包括選擇器和屬性 編寫css規則 將css應用於html 如何在css中指定長度 顏色和其他單元 級聯和繼承以及除錯css...