JSP的CSS背景样式URL怎么写

html-css024

JSP的CSS背景样式URL怎么写,第1张

//如果是css 文件里引用

background-image:url('../img/background.jpg')

//如果是jsp文件直接引用要用绝对路径

${base}/admin/img/background.jpg//${base}表示应用名

因操作平台不同路径中的斜杠不同,在windows中路径中是反斜杠'\',linux中用的是正斜杠'/'在网页设计中大多用'/',如果图片,网页平级,就是'./'点杠,上一级就是'../'点点杠。

background-image:只定义背景图片

可以用background:url(./images/a.gif) no-repeat top right

上面一种是复合定义,括号里是图片路径,后面是不平铺,背景位置是在右上角

目前有两种引用方式,一种是通过在head里面的link来引用,另外一种是直接通过import来引用,示例代码如下:

第一种:link引用

<link rel="stylesheet" href="/css/mycss.css" />

第二种:@import引用

<style type="text/css">

@import url(/css/mycss.css)

</style

link和import语法结构不同,前者<link>是html标签,只能放入html源代码中使用,后者可看作为css样式,作用是引入css样式功能。

import在html使用时候需要<style type="text/css">标签,同时可以直接“@import url(CSS文件路径地址)”放入css文件或css代码里引入其它css文件。

本质上两者使用选择区别不大,但为了软件中编辑布局网页html代码,一般使用link较多,也推荐使用link。