0

我对这一切都很陌生。

出于某种原因，我痴迷于在 CSS 文件中完成所有样式。

因此，即使对于像设计一个句子这样简单的事情，我也会这样做：

<p class="content"> Welcome to my site </p>

而不是这样：

<p style="font-size: 13pt; font-weight: bold;"> Welcome to my site </p>

为了这个问题，上面的文字只会在整个网站上使用一次。现在哪个是技术上最好的方法？一个比另一个更好还是更快？你会用哪种方式？

另外，如果我想设置“欢迎来到我的网站”文本的样式，但上面或下面没有任何额外的空间<p>，那么最好使用什么标签？

谢谢。

4

5 回答 5

3

你的第一种方法是最好的，因为它遵循了一个对 web 开发非常有用的原则，不要重复自己。

例如，如果您有几个页面以某种方式强调文本，您不想一遍又一遍地重复所有这些样式。这就是您使用外部 CSS 文件的原因，因此您的所有样式信息都在一个位置，并且 HTML 文件严格用于内容和结构。

另外作为旁注，不要创建太多类，充分利用 HTML 和 HTML5 中内置的标签，例如 em、h1 到 h6、strong 等，因为它们会在编写 HTML 时为您节省一些时间和CSS

于 2013-04-02T02:18:24.380 回答
1

第一个更好，第二个由于几个原因而皱眉。

想一想，如果你有 10 个段落具有相同的样式，并且有一天你决定改变这种样式。那么，哪种方式更容易：查看所有页面并查看每个段落，还是只在一个地方更改？

此外，通过不使用内联样式，您是：

  1. 使您的代码更易于阅读。
  2. 很有可能使您的网站更快（文件更小，浏览器很可能会缓存您的 css）。
  3. 使您更难重复使用您的样式。
  4. 对可能继承您项目的任何人都友善。
于 2013-04-02T02:01:15.917 回答
1

对于您的前三个问题，请参阅此答案。如果您不希望 p 标签上方和下方有间距，请使用

<p style="margin: 0;"> Welcome to my site </p>
于 2013-04-02T02:06:05.670 回答
1

你应该改掉使用内联样式的习惯，它们是不好的，并且会妨碍你的标记变得干净和易于阅读。即使它只针对一个元素，您也可以id在 CSS 中定位 then ，这表明只会有一个（每页）。

于 2013-04-02T02:11:38.767 回答
1

当然第一种方法更可取。它看起来更好，更干净，更正确。您应该始终保持一致，并且外部样式表是要走的路。如果你想更干净，你可以避免 class="content" 如果它在一个具有特定名称的 div 中，并且你希望该 div 中的所有段落具有相同的样式（你应该这样做）。

例如：

<div class="content"><p>Welcome to my site</p> ~~~ other content ~~~~ </div>

进而

#content p { ~~~ styles ~~~ }

现在，就您的其他问题而言。要让内容周围没有任何空间，请使用<span>标签。您可以将其设置为与标签相同的样式，<p>据我所知，它周围没有任何空间，并且不会对边距或填充做出反应。

于 2013-04-02T03:41:22.107 回答