您的位置：首页 > Web前端 > CSS

关于CSS样式的引用

2015-10-12 14:44 537 查看

很多时候，在布局中需要统一样式，又不可能挨个修改，于是就用到了CSS的统一样式。
写一个公用的样式，需要的东东一起调用。如果需要修改样式，则只需要修改该公用样式即可。

下面简单说一下创建并引用CSS样式的几个进本步骤：
1、现在工程的WebContent目录下创建一个新文件夹，命名为style(这个随意)。
表明我们这个文件夹里放的是CSS样式文件。
2、在刚刚创建的style文件夹内右键-New-Other选择创建CSS文件，并命名。我这里命名为mystyle.css.
3、在这个css样式文件中自定义一个样式。

.pp {
size: 24em;
color: red;
}

我是这样定义的，可以定义为你想要的样式。
4、引用说明
引用分为两个部分
一个是在JSP文件中引用，另一个是在Html文件中引用，两个稍微有点不同。
在JSP文件中引用：

<head>
<link href="${pageContext.request.contextPath}/style/mystyle.css" rel="stylesheet">
</head>

在Html文件中引用：

<head>
<meta charset="UTF-8">
<link href="style/mystyle.css" rel="stylesheet">
</head>

通过对比可以发现不同点在${pageContext.request.contextPath}关于工程的路径上

5、开始引用(JSP、Html这两个是相同的)

<form name="myForm" action="/WebTest001/myServlet" method="post">
<p class="pp">这个是CSS练习</p>
<input class="pp" type="button" value="send" onclick="send();">
</form>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： css样式

相关文章推荐

新的分享

章节导航