《精彩绝伦的CSS》读书笔记(二)
生活随笔
收集整理的這篇文章主要介紹了
《精彩绝伦的CSS》读书笔记(二)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
3.2
大多數(shù)允許使用多個關(guān)鍵字的CSS屬性都允許以任何順序書寫關(guān)鍵字,但font屬性是很少見的例外之一. font: <font-size> <font-family>;這連個只必須按照既定的順序進行書寫,如果順序顛倒或者漏掉了其中一個,瀏覽器會完全忽略這條聲明.? 其他關(guān)鍵字全部都得放在這兩個必備的值后面.放在后面,瀏覽器會完全忽略這條聲明.? 3.3 行高值和字號可以縮寫為: font: 100%/2.5 Helvetica,sans-serif; 3.4 行高值(line-height)建議為無單位的數(shù)值 3.5 避免缺少樣式的邊框柱,因為border-style默認為none 3.7 抑制元素的顯示的方案: 最顯而易見的方案:display:none,(提示:直接通過js將顯示值設(shè)為none后復原時若不設(shè)定任何值:即obj.style.display='',會默認回復為在其余CSS中設(shè)置的值) 另一個普遍的解決方案:添加一個可以隱藏元素的類,要顯示元素的時候,去掉這個類即可。 不過display:none會帶來一個問題,顯示值為none的元素無法被絕大多數(shù)的輔助技術(shù)(如屏幕閱讀器)"看到" 3.8 visibility:hidden 雖然被隱藏了,但仍參與頁面布局,而display:none不會參與頁面布局,但同樣無法被絕大多數(shù)的輔助技術(shù)"看到" 3.9 可通過絕對定位將元素移除屏幕,至少仍能被輔助技術(shù)識別。 3.15 ul的首行縮進或凸出可通過text-indent屬性來設(shè)置,但注意必須吧list-style設(shè)為none 3.18 可通過:before和:after的content屬性自定義列表標記 3.19 html和body都可以應用樣式,可通過設(shè)置這兩個的樣式實現(xiàn)頁面頂部貫穿雙色的效果 3.21 可通過特定的CSS明顯看出在查看的東西是在開發(fā)服務(wù)器上還是生產(chǎn)服務(wù)器上轉(zhuǎn)載于:https://blog.51cto.com/willkan/1030499
總結(jié)
以上是生活随笔為你收集整理的《精彩绝伦的CSS》读书笔记(二)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 梦到手机断了三截是什么意思
- 下一篇: CSS 如何让Table的里面TD全有边