怎么在css中使用外部样式表

介绍

这篇文章给大家介绍怎么在css中使用外部样式表,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<李>

& lt; link  rel=, href=https://www.yisu.com/zixun/>

就这么简单,还有什么,很简单,我之前都是这么认为的你肯定比我聪明多了~ _ ^,但是当做一个页面在微信上浏览并且修改再浏览的时候我发现不对劲,因为已经上传的样式表木有改变,IOS还好,可以强制刷新页面。但是安卓端这块一直在用微信的缓存,还没有刷新的按钮,所以觉得css引入问题目测应该没有这么简单。

好了、下面都是一些自己的纯扯蛋瞎扯,欢迎前辈多拍砖。
<强>关于路径

在还没有说之前先说下关于css引入的2种方式:

相对路径(相对路径),顾名思义:就是css文件相对某一个参照物的位置。上物理课的时候老师都会提到相对运动:指某一个物体对另外一个物体的相对于一个固定参照物来是相对运动的。我们走路看汽车的时候觉得汽车往后走,汽车看我们的时候是往前走,那么相对路径也是酱样子的,网页所处目录就是我们的参照物。像刚刚上面这段css代码的引入就是一个相对路径地址,测试是网站的目录,风格。css文件跟这个网页文件是同处一个目录层级,如图:
怎么在css中使用外部样式表

那么在网页文件索引。html引入css应该是

<李>

& lt; link  rel=, href=https://www.yisu.com/zixun/>

假如说css文件放在跟指数。html同级目录,名为css文件夹里,面类似这样:
怎么在css中使用外部样式表

假如css放跟目录也就这是测试里
怎么在css中使用外部样式表

"斜杠符号在这里表示的就是根目录,也就是这些网页文件之间联系的参照物。

绝对路径(绝对路径),既然是绝对的,那就说明这个地址是唯一性,独立性。相对本地来说,刚刚的站点测试的绝对地址为F: \测试相对服务器来说,就应该是127.0.0.1/测试类似这样的IP地址。
<强>关于路径引入

要相对路径还是绝对路径引入css文件,个人认为本地预览的时候可以选择相对路径,项目上线的时候改成绝对路径来引入,为什么?有以下几点:

1。减少索引,绝对地址的唯一性可以确保用户在输入网页的时候,浏览器直接去索引到那个IP地址,直接一刀致命,没有拖沓。而相对路径就要一步步索引目录,这就好比在路上遇见一个心仪的妹纸,我们害羞不敢当面去谈话,于是我们制造了无数的偶遇之后才有胆子上去问联系方式,到最后才发现妹纸早名花有主,早知如此,何必当初呢~

2。增加外链,对于做SEO的人来说,我们都知道外链能带来不错的权重提高,就算是别人来抓我们的内容,假如它没有改成自己的服务器地址,那说明这个网站的引用地址还是我们的网址,爬虫会通过这个图片引用地址反爬回去,但相对路径引用,因为地址发生变更,因此爬虫爬回去之后找不到相应的文件,因此爬虫的工作也即将停止。

3。提高排名,假如是你一个干前端的,那么多少都会遇到某一个自己喜欢的动画效果,HTML搞下来了,但是不想要直接把css也下下来,因此会在本地直接调用网络地址。当你预览这个页面的时候不小心点到了引入地址,会跳转到相应的网站css,即使你没有访问其主页,但是你还是访问了他的域名,无意之中还是增加了其访问量。

当然了,第三点是我自己YY出来的,至于是不是我们无从考究,希望有过研究的可以分享一下你们的见解咯。
绝对路径几种表现

<强>一般式

刚刚我们提到了相对来说不管是引用图片还是引用css文件,路径最好是绝对路径,所以上面的风格。css文件的引入地址应该是

<李>

& lt; link  rel=, href=https://www.yisu.com/zixun/>

这样的引入似乎是正确了的,各种对SEO来说也达到的满意程度,但是某宝的做法是这么做

<强>某宝式
怎么在css中使用外部样式表

淘宝的css还有js的引入是通过他们的CDN分布式形式,而且后面都带有? t=20150105,这跟我们的做法不太一致,后面的20150105应该是这个时间更新的,为了方便记住版本信息,但是为什么带“?”问号。于是有谷歌一番,各路大神对此的解释可以解答我心中的疑惑:

怎么在css中使用外部样式表