css 外部样式和内部样式的区别

Question

我不知道有什么区别 - 对我来说完全一样 我刚开始使用CSS ... 第一:

<div style="float:left">
  <div style="float:left">
    TEST1
  </div>
  <div style="float:left">
    TEST2
  </div>
</div>

输出:

TEST1TEST2

第二个:

<div class="left">
  <div class="left">
    TEST1
  </div>
  <div class="left">
    TEST2
  </div>
</div>

CSS

DIV.Left {
  float: left;
}

输出:

TEST1
TEST2

谢谢!

Answer 1

你做错了。使用 left 而不是 Left。它区分大小写。 L 在您的 CSS 中是大写字母。

DIV.left {
    float:left;
}

<div class="left">
      <div class="left">
             TEST1
       </div>
        <div class="left">
              TEST2
        </div>
 </div>