應用樣式的三種方式
外部樣式表(link、@import)
嵌入式樣式表(<style></style>)
行内樣式 (html元素的屬性為style的值作為樣式)
CSS的空白處理方案:解析時,連續的空白會合并成一個空白
CSS注釋:
隻可以使用這種注釋方法,一行也得這樣 /**/
注釋不可以嵌套
媒體查詢
用法
link元素的media屬性
style元素的media屬性
@import聲明的媒體描述符部分
@media聲明的媒體描述符部分
媒體類型
all(預設)
print(列印或列印預覽)
screen(web浏覽器的螢幕)
protection(幻燈片形式展示)部分支援
handheld (一些移動裝置的浏覽器)部分支援
媒體描述符
and (相當于&&)
not (相當于!)not關鍵字隻能在媒體查詢的開頭使用
only (在不支援媒體查詢的舊浏覽器中隐藏樣式表)
特性查詢:根據使用者代理是否支援特定的CSS屬性及值,來應用一段樣式。特性查詢是漸進增強式的完美方式(适配更多地浏覽器)。