1.default.css文件内容(位于css文件夹下):
.ClassName .ClassName .ClassName
.page-sidebar .sidebar-search .submit {
  --该图片相对于css文件所在的位置。不是使用本css文件的html文件位置。
  background-image: url(../image/search-icon.png);
}
 
2.使用本css文件的html文件 
<head>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" />
</head>
    ...................
    ..................
<body>
    --指定class和CSS文件的指示的对应
    <form class="sidebar-search">
                    <div class="input-box">
                        <a href="javascript:;" class="remove"></a>
                        <input type="text" placeholder="Search..." />
                        <input type="button" class="submit" value=" " />
                    </div>
    </form>
</body>
 
3.路径关系图

 css文件内引用外部资源文件的相对路径

相关文章:

  • 2021-06-10
  • 2021-06-06
  • 2021-11-12
  • 2022-01-03
  • 2022-12-23
  • 2022-02-14
  • 2021-09-20
  • 2022-01-20
猜你喜欢
  • 2021-11-28
  • 2021-12-18
  • 2022-01-17
  • 2022-12-23
  • 2021-06-29
相关资源
相似解决方案