Css 来自AndroidXML布局，如何在XHTML中放置网页元素？

我主要是一名Android开发人员，但我对使用CSS在XHTML中创建网页样式非常感兴趣。我想做一个简单的网页布局，由三行组成，中间一行有三列。在Android XML中，我可以这样（大致）实现：

我对XHTML和CSS还是有点陌生（尽管我已经掌握了基本知识），虽然我学得很快，但我还没有找到任何针对Android开发人员的网页布局设计教程。如果有人能解释一个好方法来实现我的布局，我会非常感激

TLDR：如何使用XHTML和/或CSS制作一个由三行组成的网站布局，中间一行有三列

---

多谢各位

这可能是您应该通过教程学习的内容，但这里是您所要求的内容的近似值

HTML

---

我不建议使用XHTML。HTML5显然是事情发展的方向。我能理解你来自何方，但我更愿意从我熟悉的格式（XHTML）学习网站开发，然后在我对基础感到满意后再切换到HTML5。两者之间没有什么区别，特别是从初学者的角度来看，坦率地说，你花在处理XHTML细节上的任何时间都是浪费的。很好，在这种情况下，你对如何使用HTML5实现我上面列出的目标有什么建议吗？这正是我想要的！非常感谢你！这并不理想。如果您添加了一个col，那么您还需要更改css：（在android中，这将是自动的。

<LinearLayout orientation:vertical> (parent)
----<LinearLayout orientation: horizontal>
----<LinearLayout orientation: horizontal>
--------<LinearLayout orientation: vertical>
--------<LinearLayout orientation: vertical>
--------<LinearLayout orientation: vertical>
----<LinearLayout orientation: horizontal>

-----------------------------------------------
|                                             |
-----------------------------------------------
|             |                   |           |
-----------------------------------------------
|                                             |
-----------------------------------------------

<div class="row"> Row
</div>

<div class="row">
  <div class="col">
  Column
    </div>
  <div class="col">
      Column
  </div>
  <div class="col">
      Column
  </div>
</div>

<div class="row">
    Row
</div>​

.row {
      width: 80%;
      background: gray;
      text-align: center;
    }
.col {
      width: 33.3%;
      float: left;
      background: orange;
}​