本文目录一览:
- 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了。