《精彩絕倫的CSS》讀書筆記(二)

3.2

大多數允許使用多個關鍵字的CSS屬性都允許以任何順序書寫關鍵字,但font屬性是很少見的例外之一.
font: <font-size> <font-family>;這連個只必須按照既定的順序進行書寫,如果順序顛倒或者漏掉了其中一個,瀏覽器會完全忽略這條聲明. 
其他關鍵字全部都得放在這兩個必備的值後面.放在後面,瀏覽器會完全忽略這條聲明. 
3.3
行高值和字號可以縮寫爲:
font: 100%/2.5 Helvetica,sans-serif;
3.4
行高值(line-height)建議爲無單位的數值
3.5
避免缺少樣式的邊框柱,因爲border-style默認爲none
3.7
抑制元素的顯示的方案:
最顯而易見的方案:display:none,(提示:直接通過js將顯示值設爲none後復原時若不設定任何值:即obj.style.display='',會默認回覆爲在其餘CSS中設置的值)
另一個普遍的解決方案:添加一個可以隱藏元素的類,要顯示元素的時候,去掉這個類即可。
不過display:none會帶來一個問題,顯示值爲none的元素無法被絕大多數的輔助技術(如屏幕閱讀器)"看到"
3.8
visibility:hidden 雖然被隱藏了,但仍參與頁面佈局,而display:none不會參與頁面佈局,但同樣無法被絕大多數的輔助技術"看到"
3.9
可通過絕對定位將元素移除屏幕,至少仍能被輔助技術識別。
3.15
ul的首行縮進或凸出可通過text-indent屬性來設置,但注意必須吧list-style設爲none
3.18
可通過:before和:after的content屬性自定義列表標記
3.19
html和body都可以應用樣式,可通過設置這兩個的樣式實現頁面頂部貫穿雙色的效果
3.21
可通過特定的CSS明顯看出在查看的東西是在開發服務器上還是生產服務器上
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章