//---------------------------------------------------------------
//---------------------------------------------------------------
<link rel="stylesheet" type="text/css" href="default.css" />
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------
//---------------------------------------------------------------
<style type="text/css">
.....
</style>
//---------------------------------------------------------------
//---------------------------------------------------------------
//Warning: css pictures path issue
1.background:url("xxx.jpg") change to background:url(xxx.gif)
//because some browsers can not understand '"'
2.if(picture-path == css-file-path){
background:url(xxx.gif);
}else{
background:url(../xxx.gif);
}
3. ../ means upper level.上一级
//tips:
/*我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中。我们会发现有时候我们的图片无法显示了。此时,请查看你的CSS代码,是不是重复设置有问题,是不是图片的定位有问题。如果这些都没有问题请去掉background的重复与定位属性,还原成默认性。如果图片还是没有出现,那只能是我们今天所说的路径问题了!在一般情况下,我们习惯于这样设置图片路径:
*/
Example Source Code:
background-image:url(logo.jpg);
background-image:url(../logo.jpg);
background-image:url(../images/logo.jpg);
/*
对于第一种情况“url(logo.jpg)”。我们要看此图片是不是与CSS文件在同一目录。对于第二与第三种情况,我们是极力不推荐使用的,因为我们的网页文件可能存在于多级目录中,不同级目录的文件位置注定了我们的相对路径是不一样的。而这样就让问题复杂化了,很可能图片在这个文件中显示正常,换了一级目标,图片就找不到影子了。
有一种方法可以轻松解决这一问题,我们可能建立一个公共文件目录,用来存放一些公用的图片文件,JS脚本,CSS文件,例如“common”,我们将CSS文件直接置于该目录中,也可以将图片文件也直接存于该目录中,如果图片文件较多在其内部建立一个目录存放图片文件“common/images”。我们在CSS文件中直接写:url(logo.jpg)或url(images/logo.jpg)就可以搞定上面的问题了。
*/
分享到:
相关推荐
有多种方式可以将渐进增强融入到层叠样式表(Cascading Style Sheets, 简称CSS)的工作中,本文将讨论其中比较成功的一些,并考虑采用其它方式来逐步增强你的站点。 原文:Progressive Enhancement with CSS作者: ...
CSS3:是层叠样式表(Cascading Style Sheets)的第三个版本。它引入了许多新的样式属性和功能,使开发人员能够更好地控制和设计网页的外观和布局。CSS3使得网页设计更加灵活和吸引人。 HTML5:是超文本标记语言...
CSS(Cascading Style Sheets):用于定义文档的样式和布局,使得文档展示更加美观、易读。随着CSS3的广泛应用,网页的视觉效果和交互体验得到了显著提升。 JavaScript:一种编程语言,常用于制作交互式的网站和应用...
CSS全称:层叠样式表 (Cascading Style Sheets) 。 CSS作用:美化界面,布局页面,修饰元素外观,修改元素位置等。 CSS引入方式: 1.行内样式: 我是一个块级的标签 2.内嵌样式:将CSS样式表放到head中用 ... ....
CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式. Look! Styles and colors Manipulate Text Colors, Boxes and more… 尝试一下 – 实例 本例演示如何使用添加到 部分的样式信息对 HTML 进行格式化...
前言 大家好, ...下面让我们开始吧。...1.CSS 指层叠样式表 (Cascading Style Sheets) 样式: 完成网页各类样式,例如:字体大小,颜色;背景颜色;界面分层。 层: 这里需要引入CSS的重要盒模型 (CSS 框模型 (Box Mo
CSS(Cascading Style Sheets)是一种用于描述 HTML 或 XML 文档样式的标记语言。它可以控制文档的布局、颜色、字体、间距等样式。下面是 CSS 知识点汇总: CSS 单位 在 CSS 中,单位是指用来度量长度、大小、宽度...
CSS是层叠样式表(Cascading Style Sheets)用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。 简单一句话:CSS将网页内容和显示样式进行...
有多种方式可以将渐进增强融入到层叠样式表(Cascading Style Sheets, 简称CSS)的工作中,本文将讨论其中比较成功的一些,并考虑采用其它方式来逐步增强你的站点。 样式表的组织 如何在文档中引入样式表,很多...
CSS大家很熟悉了,全称是Cascading Style Sheets(层叠样式表),是目前用来在浏览器上显示XML文档的主要方法。 3.Behaviors Behaviors现在还没有成为标准。它是微软的IE浏览器特有的功能,用它可以对XML标识设定...