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源代码。
一般来说只有3种:
1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来,在这里面编写样式:
<style type="text/css">
*{
padding: 0margin: 0
}
</style>
3.在标签里面直接编写行内样式。
<div style="color: #333"><div>
当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的
这是关于怎么在网页html页面中调用css样式文件问题,详细调用方法如下:1、直接在html页面中使用style属性
<td style="height:30px">hello</td>
这种方法可以灵活的将样式应用于各个标签中,方便代码的编写。缺点是没有整篇文件的“统一性”,在修改样式时变得困难,不方便维护。
2、使用style标签,通常在网页<head></head>之间写
<style type="text/css">
<!--
.style1{
font-size:12px
}
-->
</style>
调用方法:
<span class="style1">要使用CSS啊</span>
3、利用link标签调用外部css样式文件
以上两种方法CSS样式代码和HTML代码都在一个页面上,本方法可以调用外部的CSS文件,比如style.css,CSS文件的后缀为.css,可以用Dreamweaver或者笔记本编写。
<head>
<title>css调用实例</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
也是在head里调用的。
基本上第一种和第三种方法常用到。