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

作者:互联网

2026-04-01

HTML教程

行内样式

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

CSS Code复制内容到剪贴板
  1. "font-size:12px;font-weight:200;color:#333333">HelloEveryone!

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

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

CSS Code复制内容到剪贴板
  1. "UTF-8">
  2. Document
  3. "stylesheet"href="style.css"type="text/css"/>

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

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