JSP3种设置样式的方法
一、内部样式把样式放在<style>标签里，在本jsp页面可以调用，代码如下<style>#green{color:#00FF00;/*字体颜色为绿色*/}</style><body><h1 id="green">ID选择器</h1></body></html>二、内联样式在某一标签里随时设专属样式，代
·
一、内部样式
把样式放在<style>标签里，在本jsp页面可以调用，代码如下
<style>
#green{
color:#00FF00;/*字体颜色为绿色*/
}
</style>
<body>
<h1 id="green">ID选择器</h1>
</body>
</html>二、内联样式
在某一标签里随时设专属样式，代码如下
<p style="font-size:60px;color:#4169E1">内联样式</p>效果如下
三、外部样式
把页面和样式分开，
1.另建立一个文件夹directory名叫css。
2.新建名叫type的css文件，如下。
3.写入样式
#green{
color:#00ff00;
}
4.谁想用这个样式，谁就引入
方法1：链接式：<link rel="stylesheet" href="样式文件的路径"/>
比如引用前
<body>
<h1 id="green">ID选择器</h1>
</body>
引用后
<head>
<link rel="stylesheet" href="css\type.css"/>
</head>
<body>
<h1 id="green">ID选择器</h1>
</body> 
注：路径有相对路径和绝对路径；此处为相对路径。
方法2：导入式，代码如下，效果同上。
<head>
<style type="text/css">
@import "css/type.css";
</style>
</head>
<body>
<h1 id="green">ID选择器</h1>
</body>
为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)