html - 何时直接在 HTML 而非 CSS 中设置样式

Question

我曾尝试搜索与此相关的主题，但我没有找到任何主题，所以我想我会继续。

我的问题是什么时候(如果有的话)直接将样式直接放在 HTML 文件中而不是使用 .css 文件是正确的。

我的意思是，我知道当您有很多东西需要重复或在多个页面上使用时，使用 .css 文件非常有用。但就我而言，我有一个页面，我将在其中设置样式，我很确定只会出现在该页面上。这是一个 div 的宽度、高度和小东西。

为了向您展示我的意思，这里是代码:

<div style="margin:0px auto; width:600px;">
    <div style="float:left">
        <p class="InputFieldsText">Brugernavn</p>
        <div class="InputFields"><input name="Text1" type="text" class="Medium" placeholder="Din e-mail adresse" /></div>
        <p class="InputFieldsUnderText"><a href="#">Glemt dit brugernavn?</a></p>

        <p class="InputFieldsText">Password</p>
        <div class="InputFields"><input name="Text1" type="password" class="Medium" /></div>
        <p class="InputFieldsUnderText"><a href="#">Glemt dit password?</a></p>

        <input onclick="window.location='user_page.html'" class="LargeIndent" name="Submit1" type="button" value="Log ind" />
    </div>
    <div style="float:left; width:172px; text-align:center">            
        <img alt="" height="128" src="images/lock.png" width="128">
    </div>
</div>

因此，如您所见，在某些 div 中，我直接设置了样式，而不是为我的类起一个名字并放在那里。我知道这样做并没有错，因为如果我在我的 .css 文件中使用它并调用一个类，它会产生相同的结果，但是是否有“指南”或不推荐这个和这个的东西等等.

希望您理解我的问题。真的没什么大不了的，我只是一直想知道:)

问候

Answer 1

答案很简单，IMO:永远不会。 :)

您应该始终使用样式表，因为它可以让您快速轻松地更改网站的整体外观和布局。如果直接将样式信息嵌入到 HTML 中，如果需要更改某些内容，您将不得不更加努力地工作；使用样式表，您只需在单个位置更改 CSS 文件，并且更改会在使用样式表的所有地方生效。