应该先写什么，XHTML还是CSS？

制作CSS布局时，应先编写什么XHTML代码或CSS代码

先编写整个HTML，然后再编写 基于HTML的CSS

为设计元素编写HTML，然后 同时使用CSS

先写整个CSS，然后再写 基于HTML的HTML

“先创建HTML”这是最好的建议吗

编辑：

---

我认为这是最好的方法。

在实践中，通常需要将两者混合。从HTML开始粗略地描述设计的基本领域，然后围绕这个粗略的想法使用CSS。通常，您会发现自己需要添加更多的标记以增加灵活性（可能需要两个嵌套容器来正确对齐某些内容等）。

我通常选择第二个选项：

为设计元素编写HTML，然后 同时使用CSS

这确实很有帮助，例如，当我编写html时，我也会编写CSS，这有助于我快速发现任何可能的布局或跨浏览器兼容性问题。如果我先编写整个html，然后再编写css，那么事情就会变得有点复杂，而且你很难修改/设置你已经创建的整个html的样式

---

至于您提供的链接，我只想说作者有自己的观点和个人工作方式。换句话说，这也取决于你最喜欢哪种方式，或者说速度更快。

在编写HTML之前不能编写CSS（除了body标记！），否则你将像盲人一样工作

对我来说，我做了一个网站布局的模型，写下整个HTML，然后写下CSS来制作布局

---

我使用表达式设计对图像进行切片，并添加/修改HTML/CSS，直到得到最终模板。

我不喜欢来回使用代码的想法。如果我在html中使用

#header

，那么现在对header进行样式化似乎是非常合乎逻辑的。对我的精神有好处：D

---

所以我选择了第二个选项：我同时编写代码

您必须在CSS之前编写HTML

你的问题是，在拥有一辆车之前，设计一辆车的内饰是否更好

---

可能吗？或者这是一项智能工作？

考虑到大多数设计都不简单，并且遵循基本的语义规则，当您试图让布局看起来像您所想的那样时，您将始终需要调整html代码。因此，同时做这两件事可能是最实际的方法，尽管其他两种选择也能起作用；以后您只需进行调整。

对不起，我没有选择任何一个

首先，您无法为页面编写整个css。虽然你最好在第一页中编写常见的css类和页面布局，也就是说，在创建页面布局之后，你只需要使用table或div标记来设计页面。之后，在向页面添加控件时，只需标识您正在使用的常用样式。这些样式可以像css类一样使用。或单独的id。我遵循我的设计方法

---

我认为这样更好

通过先创建HTML，您可以保证页面在最基本的浏览器上是什么样子的——在旧手机上它是清晰的，一切都按逻辑顺序进行，并且您不会强迫屏幕阅读器在每个页面上首先背诵您的站点导航。这就是设计

Design#2是CSS的一部分，您可以在不限制用户基础的情况下，让事情看起来更体面

并不是说它们不能同时完成，记住。这很可能就是那篇文章的作者想要表达的意思

---

另请参见：.

我个人首先编写了大部分CSS，然后是HTML，然后将两者结合在一起-一次一页（除了常用元素）。乍一看，这听起来有悖常理，但当您认为CSS不仅是样式，而且是具有样式或无样式的元素时，它实际上非常快速，并生成精简的代码

一旦我有了一些核心样式，HTML只是一个问题

<wrapper>
<div header>
<div this>
<div that>
<form>
<div footer>

。。。所有这些都大致插入到我已经定义的样式和布局中。对于不需要样式的元素，我只是在编写CSS时在心里跳过了它。

我的3美分：

这个网页的目标是什么？大多数时候，这个目标与它的内容密切相关

因此，首先是内容。HTML提供内容并获取其语义。CSS为语义提供了一个上下文

因此，命令如下：

内容

html

css

---

但当然，这是一个迭代过程。

我同时以迭代方式在模块中编写它们

我将在html/css中构建通用模板（或基本模板），进行完整的跨浏览器测试，然后继续其他模板

这与我使用母版页和嵌套母版页的.net非常适合

---

一旦IE6不在书中，我可能会改变这种行为，因为你经常需要完全重组你的标记以适应它。

很久以前我在设计网站时就考虑过这一点

我的结论是，而且我相信这一点在今天仍然存在，即使XHTML和CSS在内容和表示上是相互隔离的，但现实情况仍然使网站的外观在很大程度上取决于文档结构，即标记，XHTML——因此CSS本身不会给你魔术棒，让你的网站完全基于样式表改变它的外观。我希望是这样，当然，这是CSS的主要目的。当然，这将是它的美妙之处——因为每一个都与另一个完全隔离，网站开发人员可以安心地编程网站文档的结构，而CSS作者几乎可以并行工作并编写样式表。然后将两者结合起来，并且知道

<artists>
    <artist name="Moby" />
    <artist name="Cocorosie" />
    <!-- and so on -->
</artists>

<xsl:transform>
    <!-- XSLT is beyond the scope of this... -->
</xsl:transform>

<h1>Artists</h1>
<h2>Page 1 of 10</h1>
<ul>
    <li><a>Moby</a></li>
    <!-- Only 100 artists per page -->
</ul>