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>

Answer 2

你的 CSS 未被应用 使用 .left{ float：left; }