CSS样式表可以通过三种方式链入HTML文档中。第一种是内部样式表,即在HTML文档中使用<style>标签嵌入CSS代码。这样的方式适用于只有一个HTML文件需要使用CSS样式的情况,或者对于样式要求非常简单的情况。
<html> <head> <style> p {color: red;} </style> </head> <body> <p>这是一段红色字体的文字</p> </body> </html>
第二种方式是外部样式表。这种方式是将CSS代码独立为一个单独的文件,然后在HTML文件中使用<link>标签将其链接进去。这种方式适用于多个HTML文件需要共用同样的样式的情况,可以避免代码冗余并方便修改。
<html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一个使用外部样式表的文字</p> </body> </html>
第三种方式是内联样式表。这种方式是将CSS样式直接应用于HTML标签,使用style属性。这种方式适用于个别标签需要特定样式的情况。
<html> <body> <p>这是一段蓝色字体的文字</p> </body> </html>
无论是哪种链入方式,大家都应该根据设计需要,选择合适的方式进行使用,以便实现最佳的效果。