设置CSS属性的首选方法是什么？
内联样式属性：
<div style="width:20px;height:20px;background-color:#ffcc00;"></div>
<style>...</style>标签中的样式属性：
<style>.gold{width:20px;height:20px;background-color:#ffcc00;}</style><div class="gold"></div>
Answers:
可以使用以下方式附加样式规则：
通常，我更喜欢使用链接的样式表，因为它们：
但是，您的问题是专门询问style标签和内联样式。style在这种情况下，最好使用标签，因为它：
内联元素仅影响它们各自的元素。
style标签和内联属性之间的重要区别是特异性。特异性决定一种样式何时替代另一种样式。通常，内联样式具有更高的特异性。
阅读CSS：Specificity Wars，以有趣的方式看待该主题。
希望对您有所帮助！
<div style="border:1px solid #707070; border-left:0">
@import或@font-face从样式属性？我之所以这样说，是因为我可以使用html属性，style=""但不能使用<style></style>标签。
scoped属性（尽管尚未得到广泛支持），允许您<style> ... </style>内联使用块-例如developer.mozilla.org/en-US/docs/ Web / HTML / Element / style
这是一个可以控制差异的方面：
如果在JavaScript中更改元素的样式，则会影响嵌入式样式。如果那里已经有样式，则将其永久覆盖。但是，如果样式是在外部工作表或<style>标签中定义的，则设置内联""样式以从该源恢复样式。
我同意大多数观点，即外部样式表是首选方法。
但是，这里有一些实际例外：
动态背景图片。CSS样式表是静态文件，因此您需要使用内联样式来添加动态（从数据库，CMS等开始）background-image样式。
如果在页面加载时需要隐藏元素，则使用外部样式表是不切实际的，因为在处理样式表之前总会有一些延迟，并且直到发生这种情况，该元素才可见。style="display: none;"是实现此目标的最佳方法。
如果应用程序要让用户更好地控制特定的CSS值，例如文本颜色，则可能有必要将其添加到内联style元素或页内<style></style>块中。例如style="color:#{{ page.color }}"，或<style> p.themed { color: #{{ page.color }}; }</style>
您可以使用以下三种不同的方式设置CSS：
1.External style sheet
2.Internal style sheet
3.Inline style
设置css样式的首选/理想方法是将样式应用于多个页面时用作外部样式表。使用外部样式表，您可以通过更改一个文件来更改整个网站的外观。
样本用法可以是：
<head>
<link rel="stylesheet" type="text/css" href="your_css_file_name.css">
</head>
如果要将唯一样式应用于单个文档，则可以使用“内部样式表”。
不要使用内联样式表，因为它会将内容与演示结合在一起，并失去许多优势。