使用CSS为文档添加样式的简单示例

更新时间：2026-05-10 23:38:50作者：fang

行内样式

行内样式是写在HTML标签的style属性里的，比如：

CSS Code

<p style="font-size: 12px;font-weight: 200;color: #333333">Hello Everyone!</p>

行内样式会覆盖嵌入样式和链接样式。

嵌入样式

嵌入的css样式是放在HTML文档的head元素中的，这点想必大家都知道，这里就不赘述了。

链接样式

CSS Code

<head>

<title>Document</title>

</head>

链接样式的作用范围可以是整个网站。只要使用<link>标签把样式表链接到每个页面，相应的页面就可以使用其中的样式，除了link方法外，还可以使用@import指令

@import指令必须出现在样式表中其他样式之前，否则该链接的文件不会被加载

手游推荐