link连接CSS文件问题

html-css06

link连接CSS文件问题,第1张

link链接css文件的方式是通过在html中引用外部css文件来控制样式,在html文件中写入以下引用语句:

<link href="css文件路径" rel="stylesheet" media="screen" />

其中href为css文件的路径;

rel="stylesheet"表示此链接文件是文档的外部样式表;

media="screen"表示被链接文档应用在计算机屏幕上,这也是默认值。

这种情况应该是css路径发生改变造成的。因为你使用wamp访问的时候,css的路径变成了类似:http://localhost/ ....aaa.css的样式,这样路径就变了,要保证整个站点文件的结构一致,才能正常访问。检查修改方法:

找到HTML页面的link标签,看css的路径:

可能是这样的:xxx/aaa.css 这种情况就建一个叫xxx的文件夹,然后把aaa.css放进去就好。

如果是 xxx/xxx/aaa.css 这种相应的创建xxx/xxx(两层目录)然后把aaa.css放进去就好。

注意路径前面是否有【./】或者【../】有的话要注意文件夹结构。./是同级目录,而../是上一级目录。

可能HTML里的css文件没有采用相对路径,而是绝对路径,即还保留那个网站的网址,比如:http://www.baidu.com/style/css/aaa.css  这样的话,在浏览器直接打开的时候,它的css还是从原站加载下来,而不是你下下来的css文件,但当你在wamp使用的时候,网址变了,自然不能加载了。

虽然直接修改HTML的css路径也能解决,但就怕你的页面太多,改不过来,所以修改css的文件夹结构是最简单的方式。

当然,碰到像上面第3点提到的情况,就只能一个一个HTML文件的进行替换了(替换成相对路径,即把域名去掉,改成像./css/aaa.css这样的)。