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。