1、按下键盘上的“F12”键打开浏览器的控制台，点击控制台顶部导航栏上的“Network”按钮，然后刷新页面，这时所有的网页文件都会被显示出来：
2、点击控制台上的“CSS”按钮，这时只会显示网页中的css文件，然后右击需要获取的css文件，在展开的菜单中点击“Open in new tab”按钮：
3、这时网页的css文件就会在新窗口打开，如果需要保存这个css文件，可以右击页面，然后在展开的菜单中点击“另存为...”按钮：
代码如下：这里先解说下——这里有A /B 两个按钮，分别链接a/b.css， 只要单击按钮就可以实现改变头部id为change_css 的css文件。当你希望change_css一开始没有css只是点击按钮的时候才有css的话，那么你给change_css这个id的链接 href=“ ”
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<link id="change_css" rel="stylesheet" type="text/css" href="a.css">
</head>
<body>
<input type=button value="A按钮" onclick="document.all.change_css.href='a.css'">
<input type=button value="B按钮" onclick="document.all.change_css.href='b.css'">
</body>
</html>
