jsp怎么引入css

jsp引入css的方法:1、在link标签中使用href属性引入css文件路径;2、使用内部样式表引入css;3、内联样式引入css。

jsp怎么引入css

本文操作环境:windows7系统、CSS3版、Dell G3电脑。

JSP页面引入CSS样式有三种方法,且其优先级不同。具体如下:外部样式,内部样式,内联样式。优先级依次增高!

jsp可以在link标签中使用href属性引入css文件路径。

首先把写好的css样式表内容存为*.css格式。如style.css

立即学习“前端免费学习笔记(深入)”;

在页面中引入这个css 样式文件。用如下的方式引入。


登录后复制

此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录(就是与引入 css文件的jsp页面在同一目录)

rel 属性规定当前文档与被链接文档之间的关系,在该例子中rel属性指示被链接的文档是一个样式表。

在jsp中另外两种使用css的方法:

内部样式

当单个文档需要特殊的样式时,就应该使用内部样式表。可以使用标签在文档头部定义内部样式表。

以类选择器进行样式的添加。

        .loginBtn{            display:block;            cursor: pointer;            height: 32px;            margin-bottom: 1px;            width: 100px;        }    

登录后复制

内联样式

由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势。请慎用这种方法,例如当样式仅需要在一个元素上应用一次时。要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style属性可以包含任何CSS属性。


登录后复制

更多详细的HTML/CSS知识,请访问CSS视频教程栏目!

以上就是jsp怎么引入css的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2951246.html

(0)
上一篇 2025年3月11日 23:34:56
下一篇 2025年3月1日 11:40:28

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css设置边框的属性有哪些

    设置边框的属性:border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。 …

    2025年3月11日
    200
  • css background为什么不显示

    css background不显示的原因:1、css没有被调用;2、background属性名书写出错或背景图片路径出错;3、背景元素没有内容填充,也没设置width和height;4、元素不具备块属性;5、被同名css类的样式所覆盖。 本…

    2025年3月11日
    200
  • 在css中hgroup是什么意思

    在css中,hgroup的意思是“标题组”,用来对网页或区段的标题进行组合,语法“标题1标题2……”。hgroup标签只是对标题进行组合,而对标题的样式没有影响。 本教程操作环境:windows7系统、CSS3&&HTML5…

    2025年3月11日
    200
  • css为什么压缩

    原因:浏览器打开网页,是需要下载网页中的数据回本地电脑,再进行显示;如果网页中内容数量越多,链接请求次数就越多,网页打开速度就会越慢。而压缩css文件可以减少CSS代码所占用字节数,减文件的体积、网络传输量和带宽占用,进而提高页面打开速度。…

    2025年3月11日
    200
  • css浮动是什么

    css浮动是一种使元素脱离普通标准流控制的方法,元素会根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止,其周围的元素也会重新排列。浮动是一种非常有用的布局方式,能够改变页面中对象的前后流动顺序。…

    2025年3月11日 编程技术
    200
  • css和xsl的区别是什么

    区别:1、XSL是XML的样式表;而CSS是HTML样式表。2、XSL采用的是转换方式,将一种格式的XML转换为另一种;而css不含任何转换动作。3、XSL样式完全按照XML的语法来;而CSS在语法上自成一格,和XML的写法大相径庭。 本教…

    2025年3月11日
    200
  • css可以做什么

    css是一种用来表现HTML或XML等文件样式的计算机语言,主要用来设计网页的样式,美化网页,能够对网页中元素位置的排版进行像素级精确控制;它不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 本教程操作环境:wi…

    2025年3月11日
    200
  • css有哪几种选择器

    css选择器的种类有:1、元素选择器;2、id选择器;3、类选择器;4、分组选择器(并集选择器);5、复合选择器(交集选择器);6、通配选择器;7、后代元素选择器;8、子元素选择;9、伪类选择器;10、属性选择器;11、兄弟元素选择器。 本…

    2025年3月11日 编程技术
    200
  • less和css的区别是什么

    区别:1、Less是一门CSS预处理语言,而css是一种用来表现HTML或XML等文件样式的计算机语言;2、less扩展了CSS语言,增加了css本身没有的变量、函数等特性;3、css可以被浏览器直接识别,less需要先编译为css。 本教…

    2025年3月11日
    200
  • jquery css()和attr()的区别是什么

    区别:attr()主要是针对元素的属性进行操作(和Html标签有关),如img的src属性和alt属性,a链接的href属性等等;而css()修改的是样式里面的属性(和style有关),即是style里面的属性。 本教程操作环境:windo…

    2025年3月11日
    200

发表回复

登录后才能评论