CSS权威指南-候选样式表
生活随笔
收集整理的這篇文章主要介紹了
CSS权威指南-候选样式表
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
候選樣式表, 就是允許為一個(gè)頁(yè)面提供多種風(fēng)格的樣式表,用戶在瀏覽該頁(yè)面時(shí)可以選擇自己喜歡的頁(yè)面風(fēng)格.
將rel屬性的值設(shè)置為alternate stylesheet,只有在用戶選擇這個(gè)樣式表時(shí)才會(huì)用于文檔表現(xiàn)。
具體做法通過(guò)下面一個(gè)例子來(lái)說(shuō)明:
css部分：
1.css
.red{width:200px;height:200px;background-color: red; }2.css
.red{width:200px;height:200px;background-color: yellow; }
HTML部分：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="1.css" title="red"><link rel="alternate stylesheet" type="text/css" href="2.css" title="yellow"> </head> <body><div class="red"></div> </body> </html>
我只有在Firefox和IE上使用成功，其他瀏覽器都找不到頁(yè)面樣式在哪！
為候選樣式表指定同樣的title值，把它們分組在一起。
只要打開(kāi)或刷新頁(yè)面，頁(yè)面都會(huì)恢復(fù)到首選樣式表的狀態(tài)。
rel設(shè)置為stylesheet，并且沒(méi)有屬性title,那么它將作為一個(gè)永久樣式表。
如果rel都設(shè)置為stylesheet，并且都設(shè)置了title,那么只有一個(gè)會(huì)真正做為首選樣式表，是哪一個(gè)由瀏覽器決定。
總結(jié)
以上是生活随笔為你收集整理的CSS权威指南-候选样式表的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： Git学习笔记【尚硅谷】
- 下一篇： CSS经典布局--圣杯布局和双飞翼布局