📅 最后修改于: 2023-12-03 14:53:12.545000 🧑 作者: Mango
在网站开发中，CSS是必不可少的一部分，它能够帮助我们对网站进行样式设计，美化网站，使网站更加吸引人。那么如何添加CSS呢？本文将为大家介绍两种添加CSS的方式。
内部样式表即将CSS代码直接写在HTML页面当中，在<head>标签里使用<style>标签将CSS代码包裹起来。
<head>
<style>
body {
background-color: #f8f8f8;
color: #333;
font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
}
</style>
</head>
可以看出，在<style>中我们可以写各种CSS样式，例如单独选择器、伪类选择器、伪元素选择器、媒体查询等等，经过这样的设置后，网页就可以按照所写样式图样式进行渲染。
内部样式表的优点是方便快捷，并且样式仅对当前HTML页面起作用。但是如果需要使用同一个样式表在多个页面中使用，则需要进行多次添加。
外部样式表即将CSS代码单独放在一个CSS文件中，通过在HTML页面中链接样式表来引用，这个CSS文件可以在多个页面中共用。
在HTML文件中，可以使用<link>标签来引入CSS文件，例如：
<head>
<link rel="stylesheet" href="styles.css">
</head>
可以看到，在<link>标签中的href属性指向了styles.css，这个文件就是我们的外部样式表。所有的CSS样式都可以写在这个文件中。
外部样式表的优点是可以在多个HTML页面中共用同一套样式，而且可以让HTML代码更加简洁易懂。但是需要注意的是，如果CSS文件出现了问题，会影响到多个页面的样式，所以需要保证CSS文件的正确性。
以上是添加CSS的两种方式，开发人员可以根据实际需求选择适合自己的方式进行添加。