将CSS信息放在HTML页面上

Question

你可以在HTML页面上放置CSS样式信息的所有地方在哪里？

我知道你可以在HTML页面的头部放置CSS样式信息,在哪里放置CSS元素是有效的？

由于继承,我想将我的CSS放在页面上的其他位置,例如:

<style type="text/css">
...
</style>

Answer 1

您可以使用

<link rel="stylesheet" type="text/css" href="style.css" />

在头部链接到外部样式表.

您还可以使用内联样式属性,例如

<a href="#" style="color:red">Hello</a>

您还可以在脚本中设置样式,例如使用jQuery(可以在您的脚本所在的位置):

$('textBox').css("font-weight", "bold");

但是,最好将所有样式信息保存在一个标准位置,即文档的头部 - 这样可以让其他人更轻松地为您维护您的工作.

请注意,如果您真的想要覆盖特定属性,最好的方法是使用!important选项,例如

color: red !important;

您可以将其与上面列出的任何方法一起使用,它将覆盖任何后来发生冲突的设置.