时间戳

首页 > 解决方案 > 挣扎于简单的 CSS 东西

html - 挣扎于简单的 CSS 东西

问题描述

首先，如果有人可以向我指出一个很好的参考资料，描述了 css 的工作原理以及如何做基本的事情，我将非常感激！我知道这些东西就在那里，但是用搜索引擎找到它是有问题的，因为结果的加权方式是从一英寸（2.5 厘米）的高度描述单个元素的东西，但我需要从一对夫妇的高度看的东西米！

这是一些简单的html：

<html>
  <head>
    <style type="text/css">.indent: { margin-left: 2em; margin-top: 0 } </style>
  </head>
  <body>


.indent { margin-left: 2em; margin-top: 0 }
Some	text ...
        <div class="indent">I want this indented:
          xxxxx
        </div>

  </body>
</html><br>

呈现为：

Some text ...
I want this indented: xxxx

我希望最后一行缩进，我可以通过在 div 标签中指定样式来做到这一点。此外，我想嵌套 div 并获得另一个级别的缩进。

标签： htmlcss

解决方案

编辑：太晚了:)所以，正如@ray hatfield所说，删除“.indent”后面的“:”

教程 教程尝试 W3Schools，其中包含大量关于 HTML、CSS、JavaScript 等的信息：https ://www.w3schools.com/w3css/default.asp

代码 你可以这样做：

.indent { margin-left: 2em; margin-top: 0 }
<html>
  <body>
    Some    text ...
    <div class="indent">I want this indented:
      xxxxx
    </div>
  </body>
</html><br>

推荐阅读