css在浏览器中没效果了

html-css012

css在浏览器中没效果了,第1张

首先第一个格式问题

外联样式进入应放在</head>结束标签之前;

第二个,f12打开控制台,看有无404报错,可能存在css文件不一致导致样式没有引入,还有就是你页面进入两个css文件,控制台看下是否是因为样式冲突或者权重问题导致

如果是css文件和js文件都不能运行,那就百分百可以肯定是路径问题了。

估计问题是出在 <base href="<%=basePath%>">这一行,这是强制设定网页的根目录,这样的话就会强制把整个网页的所有相对路径的根目录都自动指向这个basePath指定的目录,因此像 ../css/cont.css 这样的路径它的实际路径就很可能就不再是你想象中的了。

试着把 <base href="<%=basePath%>">这行删掉看看。

或者把 ../css/cont.css 改成 css/cont.css 试试。

按照你给的两张截图来看,应该是你没有成功引入CSS文件,link标签里面,stylesheet要用双引号引起来,你只有一边。还有,把下面是style标签删掉。

你可以打开浏览器的控制台,看看有没有报404的错误,如果提示找不到style.css,那就可能有两个原因,第一个是前面提到的,少了个引号;第二个就是路径错误,你引入css文件没有路径部分,只有文件名,所以你要确保你的HTML文件和css文件在同一个目录下。