html如何切换主题样式,JS实现css主题样式切换：动态改变引入的css文件

一个页面要显示不同的主题风格，就需要写不同的css文件；

在做不同css文件相互切换时，首先要了解link标签中的rel属性；

rel属性值：

alternate文档的替代版本(比如打印页、翻译或镜像)。

stylesheet 文档的外部样式表。

start 集合中的第一个文档。

next 集合中的下一个文档。

prev 集合中的上一个文档。

contents 文档的目录。

index 文档的索引。

glossary 在文档中使用的词汇的术语表(解释)。

copyright 包含版权信息的文档。

chapter 文档的章。

section 文档的节。

subsection 文档的小节。

appendix 文档的附录。

help 帮助文档。

bookmark 相关文档。

一般我们在页面中引入样式使用的属性是stylesheet；如：

< link rel=’stylesheet’ type=’text/css’ href=’a.cc’>

这里我们要用到alternate属性，用来替换css文件：

html:

```

CSS主题切换

```

其中第一个link标签中的rel属性值为stylesheet，就是当前页面所加载显示的css样式文件；

第二个alternate stylesheet就是用来做替换用的，写在head中时不会被显示出来，但是会重服务器中加载到浏览器中；

<