关于CSS样式的引用_html/css_WEB-ITnose
程序员文章站
2024-04-02 22:31:28
...
很多时候,在布局中需要统一样式,又不可能挨个修改,于是就用到了CSS的统一样式。
写一个公用的样式,需要的东东一起调用。如果需要修改样式,则只需要修改该公用样式即可。
下面简单说一下创建并引用CSS样式的几个进本步骤:
1、现在工程的WebContent目录下创建一个新文件夹,命名为style(这个随意)。
表明我们这个文件夹里放的是CSS样式文件。
2、在刚刚创建的style文件夹内右键-New-Other选择创建CSS文件,并命名。我这里命名为mystyle.css.
3、在这个css样式文件中自定义一个样式。
.pp { size: 24em; color: red;}
我是这样定义的,可以定义为你想要的样式。
4、引用说明
引用分为两个部分
一个是在JSP文件中引用,另一个是在Html文件中引用,两个稍微有点不同。
在JSP文件中引用:
在Html文件中引用:
通过对比可以发现不同点在${pageContext.request.contextPath}关于工程的路径上
5、开始引用(JSP、Html这两个是相同的)
推荐阅读
-
关于CSS样式的引用_html/css_WEB-ITnose
-
易于书写阅读的CSS开发工具--SASS_html/css_WEB-ITnose
-
web开发(2) 传说的盒模型之padding_html/css_WEB-ITnose
-
个人网站怎么做?来看这20个精挑细选的优秀网站范例!_html/css_WEB-ITnose
-
Atitit.html解析器的选型?jsoup?nsoup?,java?c#?.net?版本_html/css_WEB-ITnose
-
css+div左右布局没效果,右边的被挤到底部_html/css_WEB-ITnose
-
关于前台控件布局的问题_html/css_WEB-ITnose
-
6个Web前端纯CSS3实现的单多选选择框效果图展示(下)_html/css_WEB-ITnose
-
这两天公司的事情不多,玩了玩DIV+CSS,切个社区的图,扒的一个韩国模版_html/css_WEB-ITnose
-
子元素增加margin-top会增加给父元素的问题_html/css_WEB-ITnose