《精彩绝伦的CSS》读书笔记(二)
生活随笔
收集整理的這篇文章主要介紹了
《精彩绝伦的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明顯看出在查看的東西是在開發服務器上還是生產服務器上轉載于:https://blog.51cto.com/willkan/1030499
總結
以上是生活随笔為你收集整理的《精彩绝伦的CSS》读书笔记(二)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 梦到手机断了三截是什么意思
- 下一篇: CSS 如何让Table的里面TD全有边