在HTML中,我们经常使用CSS样式来装饰网页内容。那么,如何引入CSS样式呢?
<head> <title>网页标题</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
使用上述代码可以将样式文件<style.css>引入HTML文件中。
其中,<link>标签是用来定义链接的关系。在这里,我们使用rel="stylesheet"来指明这个链接是引入CSS样式表的。type="text/css"则表示这个文件是CSS类型的,href="style.css"则是引入的链接地址。
另一种引入方式是使用内部样式表,即将CSS样式表嵌入到HTML文件中。
<head> <title>网页标题</title> <style> p { color: blue; font-size: 16px; } </style> </head>
上述代码中,<style>标签中嵌套了一段CSS样式代码,这个样式定义了段落(p)文字颜色为蓝色,文字大小为16像素。
这种内部样式表的方式在某些情况下会很有用,比如需要为一个特定的页面设置不同的样式时。
最后一种引入方式是使用内联样式表,即将样式直接添加到HTML标签中。
<p style="color: blue; font-size: 16px;">段落文字</p>
上述代码中,<p>标签中直接加入了style属性,这个属性里定义了段落文字颜色为蓝色,文字大小为16像素。
这种方式一般不建议使用,因为它会让HTML文件变得臃肿,样式容易混淆。