很多时候,在布局中需要统一样式,又不可能挨个修改,于是就用到了CSS的统一样式。
写一个公用的样式,需要的东东一起调用。如果需要修改样式,则只需要修改该公用样式即可。
立即学习“前端免费学习笔记(深入)”;
下面简单说一下创建并引用CSS样式的几个进本步骤:
1、现在工程的WebContent目录下创建一个新文件夹,命名为style(这个随意)。
表明我们这个文件夹里放的是CSS样式文件。
2、在刚刚创建的style文件夹内右键-New-Other选择创建CSS文件,并命名。我这里命名为mystyle.css.
3、在这个css样式文件中自定义一个样式。
.pp { size: 24em; color: red;}我是这样定义的,可以定义为你想要的样式。
4、引用说明
系统特点:功能简洁实用。目前互联网上最简洁的企业网站建设系统!原创程序代码。非网络一般下载后修改的代码。更安全。速度快!界面模版分离。原创的分离思路,完全不同于其他方式,不一样的简单感受!搜索引擎优化。做了基础的seo优化。对搜索引擎更友好系统功能关于我们:介绍企业介绍类信息,可自由添加多个介绍栏目!资讯中心:公司或行业资讯类内容展示。可自由添加多个资讯内容!产品展示:支持类别设置,可添加产品图片
引用分为两个部分
一个是在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>










