本文目录一览：
- 1、jsp中使用外部CSS不起作用
- 2、jsp引用js和css文件,为什么总是引用失败
- 3、jsp中引用css样式不能用
- 4、为什么eclipse中的jsp页面应用css不管用呢？
- 5、如何在JSP网页中引用CSS样式??
- 6、jsp引用css没效果，是路径的问题吗？
jsp中使用外部CSS不起作用
原因可能是没有把外部CSS引进来，加入下列代码来解决：
link href=”/HR/css/top4.css” rel=”stylesheet” type=”text/css”/使用link的方式将类样式引入进来，将这段代码最好放在head/head标签内部，主要是为了在页面第一次进行加载的时候就将类样式引入进来。
jsp引用js和css文件,为什么总是引用失败
jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致，一般有相对路径和绝对路径两种引用方式：
1、相对路径引用js和css的方法：
css：
link href=”css/front/ibd.css” rel=”stylesheet” type=”text/css” /
js:
script type=”text/javascript” src=”js/front/poplayer.js”/script
前提是js和css跟jsp在同一个目录下
2、绝对应用js和css的方法：
css：
link href=”http://域名:端口/工程名css/front/ibd.css” rel=”stylesheet” type=”text/css” /
js:
script type=”text/javascript” src=”http://域名:端口/工程名/js/front/poplayer.js”/script
检查以上两种方法是否引用正确。
jsp中引用css样式不能用
在页面中引入css 样式文件。用如下的方式引入。
link rel=”stylesheet” href=”./css/style.css” type=”text/css”
此处的href=”./css/style.css”指的是css文件存放的路径。‘.’表示当前目录（就是与引入 css文件的jsp页面在同一目录）
为什么eclipse中的jsp页面应用css不管用呢？
可能是css没有引入到该JSP页面中
在eclipse的jsp页面里正常把css导入进来就可以，Myeclipse只是个开发工具，在Myeclipse里新建jsp页面步骤：
点击file — new – other
找到web project 点击next
然后在弹出框中输入project name 直接点击finish即可
然后在新建的jsp页面中的head中间加入代码
link href=”css/main.css” rel=”stylesheet” type=”text/css” /
如何在JSP网页中引用CSS样式??
JSP最终到用户时还是html文件，所以引用CSS样式和html文件是一样的，都是三种方式：内联CSS、内部CSS和外部CSS。
1)内联CSS，就是直接在元素上写CSS属性，例如：
p style=”font-size: 10px; color: red;”
2）内部CSS，就是在同一文件中在style/style中写CSS，例如：
html
head
style
p{
font-size: 10px;
color: red;
}
/style
/style
3）外部CSS，需要单独创建CSS文件，然后用link标签引入：
html
head
link rel=”stylesheet” href=”style.css”
/style
…
注意内部CSS和外部CSS两种引用方式都要放到head/head中。
最后一种方式，在JSP里写的话，你只需要注意生成的html里CSS文件路径是正确的即可，在浏览器里右键可以查看html源代码。
jsp引用css没效果，是路径的问题吗？
jsp引用css没效果原因总结如下：
1、先看是否正确引入了css文件，可以在css文件的顶部加一句 *{border:1px solid red;} ，这样，如果正确加载了，页面效果会出现很多红框；
2、看对应的类名、ID是否写对了；
比如有jsp页面引入了Mycss.css样式，具体代码如下:
span style=”font-size:18px;”link href=”Mycss.css” rel=”stylesheet” type=”text/css” //span
这里的css不会生效，因为没有找到该路径，改成了绝对路径，这里用到了jsp页面生成的对象basePath，定义如下：
%
String path = request.getContextPath();
String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”;
%
这样就会得到css了。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/185687.html
微信扫一扫 
支付宝扫一扫 