jsp 怎么引入 CSS 样式? 下面本篇文章就来给大家介绍一下 jsp 引入 CSS 样式的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
JSP 页面引入 CSS 样式有三种方法, 且其优先级不同. 具体如下: 外部样式, 内嵌样式, 行内样式. 优先级依次增高!
下面给大家具体介绍一下:
1, 外部样式
jsp 可以在 link 标签中使用 href 属性引入 CSS 文件路径.
首先把写好的 CSS 样式表内容存为 *.CSS 格式. 如 style.CSS
在页面中引入这个 CSS 样式文件. 用如下的方式引入.
<link rel="stylesheet" href="./css/style.css" type="text/css">
此处的 href="./css/style.css" 指的是 CSS 文件存放的路径.'.'请示当前目录(就是与引入 CSS 文件的 jsp 页面在同一目录)
rel 属性规定当前文档与被链接文档之间的关系, 在该例子中 rel 属性指示被链接的文档是一个样式表.
2, 内嵌样式
当单个文档需要特殊的样式时, 就应该使用内部样式表. 可以使用 < style > 标签在文档头部定义内部样式表.
以类选择器进行样式的添加.
- <style type="text/css">
- .loginBtn{
- display:block;
- cursor: pointer;
- height: 32px;
- margin-bottom: 1px;
- width: 100px;
- }
- </style>
3, 行内样式
由于要将表现和内容混杂在一起, 内联样式会损失掉样式表的许多优势. 请慎用这种方法, 例如当样式仅需要在一个元素上应用一次时. 要使用内联样式, 你需要在相关的标签内使用样式 (style) 属性. Style 属性可以包含任何 CSS 属性.
<input type="text" name="authCode" style="vertical-align: middle" />
更多前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/15196.html