<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>在这段代码中,我们使用link标签引入了一个名为style.css的外部CSS文件。href属性指定了CSS文件的路径,type属性指定了文件的类型为text/css,rel属性指定了文件与HTML文档之间的关系为stylesheet(样式表)。 我们可以在style.css文件中写入CSS代码,例如:
p { font-size: 16px; color: red; }这段CSS代码的意思是,将所有p元素的字体大小设置为16像素,颜色为红色。 二、内部CSS代码 除了引入外部CSS文件,我们还可以在HTML文档的head标签中添加style标签,来写内部CSS代码。代码如下所示:
<head> <style> p { font-size: 16px; color: red; } </style> </head>在这段代码中,我们使用style标签来写内部CSS代码。我们将p元素的字体大小和颜色设置与之前外部CSS方式中相同。这段代码的效果与引入外部CSS文件的方式是一样的。 总结 以上两种方式均可以用来为HTML文档添加样式,可以看个人习惯使用。如果只有一个HTML页面需要添加样式,使用内部CSS代码较为方便。如果有多个HTML页面需要添加样式,建议使用外部CSS文件,避免重复编写CSS代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。