天天看點

CSS學習(一)CSS和文檔

應用樣式的三種方式

外部樣式表(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屬性及值,來應用一段樣式。特性查詢是漸進增強式的完美方式(适配更多地浏覽器)。

css