Question

是否始终需要.css个文件？或者我可以有一个.css“基本”文件并在HTML页面中定义其他样式项吗？

padding，borders等是否必须在单独存储的.css文件中定义，或者我可以将其嵌入到HTML页面中？

Answer 1

技术上可以专门使用内联CSS格式，并且没有外部样式表。您还可以在HTML文档中嵌入样式表。 Web设计的最佳实践是将CSS分离为单独的样式表。原因是CSS样式表的存在是为了定义文档的表示样式。 HTML文件用于定义文档的结构和内容。也许您可能有JavaScript文件存在，以便为文档添加其他行为。

保持演示文稿，标记和行为分开可以创建更清晰的设计。

从实际角度来看，如果您有一个外部CSS样式表，浏览器可以缓存它。如果您网站上的多个页面具有相同的外观，他们可以使用相同的外部样式表，只需要通过Web浏览器下载一次。这将降低您的网络带宽成本，并创建更快的最终用户体验。

Answer 2

您可以在HTML页面中包含CSS。它位于<style>标记内，该标记位于<head>标记内：

<head>
  <style type="text/css">
    body{ background-color: blue; }
  </style>
</head>

但请注意，最佳做法是使用.css文件。

Answer 3

将规则放入HTML页面使其具有更强的“特异性”，因此优先于外部规则。 如果多个CSS规则发生冲突，ID会胜过类，内联样式会胜过ID。

<head>
  <style type="text/css">
    span.reminder {color: blue;}
    span#themostimportant {color: red;}    
  </style>
</head>
<body>
  <span class="reminder" id="themostimportant">
    This text will be red.
  </span>
  <span class="reminder" id="themostimportant" style="color: green;">
    This text will be green.
  </span>
</body>

Answer 4

您可以在三个级别定义CSS，外部，嵌入文档（在＆lt; style＆gt;标记内）或内联在元素上。

根据您的需要，您可以使用全部三种，因为根据经验，外部工作表适用于整体样式，因为您可以全局应用它们。如果您有必须处理的特定情况，则可以使用其他级别。

Answer 5

你可以做任何一件事。但是，通过将CSS转移到单独的文件，可以缓存它。这样可以减少每页需要传输的数据量，减少带宽成本并提高速度。

Answer 6

你没有将CSS保存在外部文件中，没有。您要问的是“内联”css：通过＆lt; style＆gt;直接在页面内部包含样式指令。块。

有些时候，这可能是适度的，但总的来说it's not the way you want to go。将CSS隔离在外部样式表中可以更轻松地维护HTML和样式，尤其是在项目扩展和更改时。

Answer 7

在外部文件中使用CSS的一大优势是一个规则可以应用于许多不同的页面。以下是三种CSS方法的对比：

内嵌样式 - 要将颜色更改为蓝色，您必须找到红色样式所在的每个地方 - 可能在很多页面上。

<span style="color: red;">This is a warning.</span>

网页样式 - 这样您就可以标记某些内容 - 在这种情况下是警告 - 而不是它看起来像什么。您可以通过更改页面顶部的一行代码来更改页面上的所有“警告”，而不是黄色背景。

<head>
  <style type="text/css">
    .warning {color: red;}
  </style>
<body>
<span class="warning">This is a warning.</span*>

外部文件 - 与上述代码相同，但样式信息位于单独的文件中这意味着您可以在许多页面上使用“警告”类。

Answer 8

您可以在任何地方使用，css文件不是必需的。但是建议使用css文件，因为这样可以使网站在以后更容易维护和更改

Answer 9

必须吗？不，你可以按照自己的意愿去做。

通常情况下，只要有可能，最好将CSS保留在html之外。

Answer 10

这就是我通常做的事情。

至少在开始时。当页面设计接近最终时，我将大部分内容移动到'main'style.css

Answer 11

我更喜欢在CSS中保持样式，因为它将视图与演示文稿分开，允许我相当容易地在演示文稿之间切换。此外，它将所有信息保存在一个地方，而不是在两个地方之间分开。

Answer 12

Css可以提高性能，因为它们是从浏览器缓存的，页面更小！

Answer 13

对于在整个网站范围内使用的所有样式使用外部文件，对仅在该页面上使用的样式使用文档样式表，并在样式仅影响该单个元素时使用内联样式。

外部样式表并不总是降低带宽。如果您将站点中每个页面的每种样式都放入一个巨大的css文件中，即使用户只访问过您的主页，也会产生大量初始下载。

将样式周到地划分为具有最常见样式的main.css，然后在用户深入钻取时将其划分为其他样式表，这有助于缩小某些路径中的下载量。

我总是使用.css文件吗？

13 个答案: