`
jiakechong
  • 浏览: 208215 次
社区版块
存档分类
最新评论

css图片路径

    博客分类:
  • css
阅读更多
1  例如 目录结构
      -- index.html
      -- css/main.css
      -- images/1.jpg ; 2.jpg;  3.jpg

      index.html引用main.css
      在main.css 引用images目录里的1.jpg
     background: #6293bb  url(../images/shadow.png)  *** 正确
     background: #6293bb  url(images/shadow.png)     *** 错误
  总结,写css里的图片路径,url是图片针对目前main.css的位置


2
   两个相同的class之间用 逗号 阁开

例如: td.read_forum,  td.topic_icon{ 注意2个class之间用逗号*/
background-color:#EFEFEF;
}
 
3  写class中间用空格号
例如:  <table id="forum_main">
   <thead>
    <tr>
      <td colspan="2" class="first_col" style="width: 620px;">论坛</td>
      <td style="width: 60px;">主题</td>
    </tr>
   </thead>
  <tbody>
</table>

说明:
table#forum_main  thead  td { //中间用空格
    background-image: url(../images/bg_cel2.gif);
    color: #ffa34f;
    border-top: 1px solid white;
}

4 哪里的class,是用点号

table#forum_main thead td.first{ //td后面用点号
    border-left: 1px solid white;
}


  
分享到:
评论

相关推荐

    css批量图片路径替换

    在前端开发过程中,我们经常需要对CSS文件中的图片路径进行批量替换,特别是在迁移项目到新的服务器或者更改项目结构时。这个任务涉及到HTML、JS和CSS文件中的资源引用路径的更新,确保所有链接都能正确指向新的位置...

    完美解决webpack打包css背景图片路径问题

    本文将详细解析如何解决Webpack打包CSS背景图片路径问题。 首先,让我们分析问题所在。在Vue组件的样式部分,我们可能会写入如下的CSS代码: ```css background-image: url("../assets/img/icon_add.png"); ``` 在...

    css里面图片路径问题(同包/不同包)探讨

    在实际应用中,正确地设置图片路径非常重要。错误的路径设置将导致图片无法正确加载,从而影响页面的显示效果。正确使用相对路径可以帮助开发者在维护网站或应用时更加方便地管理静态资源,同时也有助于提高网站的可...

    css图片下载器

    首先,你需要分析目标网站的CSS代码,找出所有包含图片路径的规则。然后,使用该工具将这些图片抓取下来,确保在创建自己的网站时,能够精确匹配原始设计的每一个细节。 值得注意的是,在下载和使用这些图片时,应...

    css全屏背景图片设置,django加载图片路径详解

    在网页设计中,全屏背景图片能够为...在Django中,加载图片路径需要配置`STATIC_URL`和`STATICFILES_DIRS`,并在模板中使用`{% static %}`标签。理解并熟练运用这些技术,可以帮助你创建出更加美观且功能完善的网站。

    基于react项目打包css引用路径错误解决方案

    没有去修改create-react-app默认的配置文件 执行npm start 一切正常, 但是 npm run ...手动更改index.html的路径之后又报静态资源引入错误 报错 解决方案 解决: 在package.json下面增加”homepage”: “.”。

    网页设计必备-CSS图片批量下载(CSS图片抓取大师).rar

    这就是"CSS图片批量下载(CSS图片抓取大师)"工具发挥作用的地方。 首先,理解CSS中的图片引用。在CSS中,我们可以通过`background-image`属性来为元素添加背景图,通过`content`属性在伪元素中插入内容,如图标,...

    CSS图片批量下载

    "CSS图片批量下载"指的是从使用CSS样式的网页中一次性下载所有被引用的图片资源。这个过程对于设计师或开发者来说非常有用,例如,当他们需要备份一个网站的视觉元素,或者分析竞争对手的网页设计时。 批量下载CSS...

    CSS图片下载器

    "CSS图片下载器"是一个工具,专门用于从CSS(层叠样式表)文件中提取并下载所引用的图片资源。这个工具对于网页开发者、设计师以及需要批量管理网站资源的人员来说非常实用。在网页设计中,CSS常用来控制页面元素的...

    Css样式图片下载助手1.2正式版

    打开从网上下载保存的Css样式文件,按照程序第一、二、三、四步进行处理,Css文件中的图片会被保存下来,默认保存路径是Css文件所在目录,并自动修改Css文件中原图片路径地址为相对地址,修改前会自动备份原文件。...

    CSS.zip_HTML graph_css 图_css路径变色

    5. **自定义图片路径:** 用户可能会根据自己的需求调整代码中的图片路径,以指向他们自己的图片资源。这可能涉及对CSS代码的适当编辑,确保新路径的正确性。 为了实现这个效果,以下是一个简单的示例代码片段: ``...

    CSS图片提取器

    在CSS中,图片路径可以是相对路径或绝对路径。相对路径是相对于当前CSS文件的位置,而“../”代表上一级目录,“./”则表示当前目录。当图片URL涉及到这些相对路径,尤其是在多级目录结构中,手动查找和提取图片可能...

    css图片下载软件

    它能够控制网页元素的布局、颜色、字体等视觉表现,而“css图片下载软件”则是一种利用CSS特性来帮助用户下载网页中的图片的工具。这类软件的原理通常是通过解析网页的CSS文件,找出其中的背景图片URL或者内联样式中...

    CSS剪裁路径js幻灯片代码.zip

    在这个"CSS剪裁路径js幻灯片代码"项目中,可能的实现方式是:每个幻灯片作为一个带有特定clip-path的元素,并通过JavaScript控制其显示和隐藏,同时结合background-blend-mode实现不同图片或颜色的混合效果,以营造...

    CSS样式图片下载助手,css背景图片下载

    CSS图片下载助手可能也支持提取精灵图中的单个图片。 3. **相对和绝对URL**:CSS背景图片URL可以是相对路径或绝对路径。相对路径基于CSS文件的位置,而绝对路径则是完整的网络地址。下载工具需要正确处理这两种情况...

    css图片下载(php脚本)

    在IT领域,CSS图片下载(PHP脚本)是一种常见的需求,尤其在网站迁移、备份或者优化过程中。这个脚本能够帮助用户批量下载CSS文件中引用的所有图片资源,从而提高工作效率。下面将详细介绍这个过程和相关知识点。 ...

    css图片提取器.exe

    css图片提取器,可以直接下载CSS中图片,并按CSS路径自动分类图片

    CSS图片下载

    而“CSS图片下载”通常是指通过分析网页的CSS文件来找出并批量下载页面中使用的所有图片资源的过程。这种操作对于设计师、开发者或内容采集者来说非常实用,因为它可以帮助快速收集和整理一个网站的全部图像资料。 ...

    CSS样式图片下载助手

    它会自动跟踪这些URL,无论是相对路径还是绝对路径,甚至处理数据URI编码的内嵌图片,将它们转化为可下载的文件。这样,用户无需逐一检查源代码,就能获得完整的网页图像资源库,极大地提高了工作效率。 该工具的...

Global site tag (gtag.js) - Google Analytics