media
<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<head>
<link rel="stylesheet" type="text/css" href="/html/csstest1.css" >
</head>引用js或css后加?v= 版本号的用法
<script type=”text/javascript” src=”jb51.js?version=1.2.6″></script>
<link rel=’stylesheet’ href=’base.css?version=2.3.3′ type=’text/css’ /> 客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件 ，刷性缓存的作用。大家可能有时候发现修改了样式或者js，刷新的时候不变，就是客户端缓存了css或者js文件，因此加上参数还是有好处的！
media 属性规定被链接文档将显示在什么设备上。
日常web开发中，我们修改了js、css等静态资源文件后，如果文件名不变的话，客户端浏览并不会及时获取最新的资源文件，这就很尴尬了
加版本号？，可以，但这个文件，我们有好几个地方用，版本号都加的乱咯？ 不方便
?v=3.3.6如果删掉不影响css文件的调用，但是假如css文件的内容修改了，那么浏览器将不会立刻更新css的内容，会直接从缓存中调用，直到浏览器自动更新缓存。
也就是说，加 ?v=3.3.6 的目的，是使css文件的修改结果能够立刻反映到浏览器中（只要刷新一下就是修改后的样式效果），否则的话，浏览器就会在一段时间内仍然显示原来的效果，尤其在移动设备（如手机）中这种情况会越明显（因为流量就是钱啊，所以手机浏览器的缓存优先级会更高）
V=3.3.6是
bootstrap
的版本
media 属性用于为不同的媒介类型规定不同的样式。
一般填写 all， 适用于所有设备。
media=”all”