Question

我遇到以下问题;

我正在尝试将图片合并到我的网页上，此图片需要居中而不是可拖动的＆＃34;？就像当你点击它并移动它一样。所以我决定做一个div：

<div id="products_logo"></div>

和css文件：

.products #products_logo{
    background: url('../img/shop.png') no-repeat center center;
}

这是创建2个购物车的图像，一个在原始位置（这是可拖动的）另一个在中心（不可拖动），同时我在这里，是否更好将div作为一个身份证还是班级？我可以重新指向一个澄清差异的页面吗？

三江源！

根据要求提供更多HTML：

<div class="products">
      <div id="products_logo"></div>
        <h1>Our Products</h1>
        <div class="products_table">
            <table>
                <tr>
                    <td id="ti1">item1</td>
                    <td id="ti2">item2</td>
                    <td id="ti3">item3</td>
                  </tr>
                  <tr>
                    <td id="ti4">item4</td>
                    <td id="ti5">item5</td>
                    <td id="ti6">item6</td>
                  </tr>
            </table>
        <div>
    </div>

抱歉看起来很乱，搞砸了代码标签abit。

Answer 1

div作为ID是div标签的标识。如果你想引用那个div，你需要一个ID。一个类为div提供css样式。

以下是添加不可拖动图像的方法。删除一些你不需要的额外属性

 <div class="header_pic" style="border: 0px solid green">

</div>

.header_pic { 背景图像：网址（ '/图像/家/ main_img.png'）; background-repeat：no-repeat; 背景位置：左下角; 保证金：0像素; 填充：0像素; 宽度：965px; 高度：325px; 位置：相对; display：inline-block; 向左飘浮; 的z-index：1;
}

Answer 2

没有真正的＆＃34;规则＆＃34;了解何时何地使用ID和类。重要的是要记住，类可以被多次引用，并且ID是唯一的，只能被引用（分配）一次。

通常，在创建结构化布局时会使用<div>标记。 ID为布局部分提供了唯一的名称。

<div id="wrapper"> 
    <div id="header">
    </div>
    <div id="content">

    </div>
    <div id="footer">
    </div>
</div>

你可以像这样在css中定位id：

#wrapper {
    width: 800px;
    height: 600px;
}

由于这些类可以被多次引用（分配），因此它们非常适合为多个元素分配相同的样式。

<ul id="main_navigation" class="navigation">
    <li>Nav links go here...</li>
</ul>

<ul id="secondary" class="navigation">
    <li>Secondary nav links go here...</li>
</ul>

以下是您的资源：An excellent analysis on IDs vs Classes

小背景图象css

2 个答案: