本文目录一览:
- 1、如何在JSP网页中引用CSS样式??
- 2、jsp引用css没效果,是路径的问题吗?
- 3、css在jsp中不起作用怎么回事
- 4、jsp引用js和css文件,为什么总是引用失败
- 5、jsp引用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了。
css在jsp中不起作用怎么回事
css在jsp不起作用可能的原因如下:
css引用的文件路径写错。有时候需要填写绝对路径。
jsp代码存在错误。例如id号没有对应上、js代码书写不规范。
java代码存在错误,一般是调用函数存在问题,检查函数名是否写对。
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样式的问题
你可以写一个头,在头里面加载这些你需要的,然后分别在A,B里面添加这个头就好了