CSS代码需要在HTML文档的哪里输入呢?
要理解CSS代码在HTML文档中的位置,需要先介绍HTML文档的结构。HTML文档通常由三部分组成:头部、主体和尾部。头部包含关于文档的元信息,如网页标题、字符编码等。主体则是网页的具体内容,包括文本、图片、视频等。尾部通常包含脚本文件、统计代码等。
CSS代码可以有两种方式嵌入到HTML文档中:
- 内部样式表
- 外部样式表
1. 内部样式表
内部样式表通过指定style标签中的样式规则来定义样式。
<head> <style> p { color: blue; font-size: 16px; } </style> </head> <body> <p>这是一个段落</p> </body>
以上代码中,我们在style标签中定义了p标签的颜色和字体大小,这些样式只应用于页面中的p标签。需要注意的是,它的作用范围仅限于该HTML文档。
2. 外部样式表
外部样式表是将CSS代码放在独立的文件中,并通过link标签将它们链接到HTML文档中。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
以上代码中,我们已经链接了一个名为style.css的样式表。样式表文件通常包含全局的样式规则,可以在多个HTML文档中共享。
无论是内部样式表还是外部样式表,它们的效果都是相同的。不同的是,内部样式表适用于当前HTML文档,较适用于一些选定性强的样式。