CSS权威指南-候选样式表
生活随笔
收集整理的這篇文章主要介紹了
CSS权威指南-候选样式表
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
候選樣式表, 就是允許為一個(gè)頁面提供多種風(fēng)格的樣式表,用戶在瀏覽該頁面時(shí)可以選擇自己喜歡的頁面風(fēng)格.
將rel屬性的值設(shè)置為alternate stylesheet,只有在用戶選擇這個(gè)樣式表時(shí)才會用于文檔表現(xiàn)。
具體做法通過下面一個(gè)例子來說明:
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值，把它們分組在一起。
只要打開或刷新頁面，頁面都會恢復(fù)到首選樣式表的狀態(tài)。
rel設(shè)置為stylesheet，并且沒有屬性title,那么它將作為一個(gè)永久樣式表。
如果rel都設(shè)置為stylesheet，并且都設(shè)置了title,那么只有一個(gè)會真正做為首選樣式表，是哪一個(gè)由瀏覽器決定。
總結(jié)
以上是生活随笔為你收集整理的CSS权威指南-候选样式表的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Git学习笔记【尚硅谷】
- 下一篇： 计算机专业技术人员最高什么级,事业单位技