CSS权威指南-候选样式表
生活随笔
收集整理的這篇文章主要介紹了
CSS权威指南-候选样式表
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
候選樣式表, 就是允許為一個頁面提供多種風格的樣式表,用戶在瀏覽該頁面時可以選擇自己喜歡的頁面風格.
將rel屬性的值設置為alternate stylesheet,只有在用戶選擇這個樣式表時才會用于文檔表現。
具體做法通過下面一個例子來說明:
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上使用成功，其他瀏覽器都找不到頁面樣式在哪！
為候選樣式表指定同樣的title值，把它們分組在一起。
只要打開或刷新頁面，頁面都會恢復到首選樣式表的狀態。
rel設置為stylesheet，并且沒有屬性title,那么它將作為一個永久樣式表。
如果rel都設置為stylesheet，并且都設置了title,那么只有一個會真正做為首選樣式表，是哪一個由瀏覽器決定。
總結
以上是生活随笔為你收集整理的CSS权威指南-候选样式表的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Git学习笔记【尚硅谷】
- 下一篇： CSS经典布局--圣杯布局和双飞翼布局