html中加css
在HTML中加入CSS,我们可以通过两种主要的方式：内联样式和外部样式表，这两种方式都有各自的优缺点，选择哪种方式取决于你的具体需求。
（图片来源网络，侵删）
1、内联样式
内联样式是直接在HTML元素的"style"属性中写入CSS代码，这种方式的优点是可以直接修改样式，不需要额外的文件；缺点是如果有多个HTML元素需要相同的样式，就需要在每个元素中都写一遍，这样会使得HTML代码变得冗余。
我们有一个段落元素，我们想要设置它的颜色为红色，字体大小为20px,可以这样写：
<p style="color:red;fontsize:20px;">这是一个段落。</p>
2、内部样式表
内部样式表是在HTML文档的<head>部分使用<style>标签来定义的，这种方式的优点是可以避免HTML代码的冗余，因为所有的样式都可以在一个单独的文件中定义；缺点是如果有多个页面需要相同的样式，就需要在每个页面中都引用同一个文件。
我们在一个名为"style.css"的文件中定义了以下样式：
p {
color: red;
fontsize: 20px;
}
然后在HTML文档中引用这个文件：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一个段落。</p> </body>
3、外部样式表
外部样式表是将CSS代码放在一个单独的文件中，然后在HTML文档中通过<link>标签引用这个文件，这种方式的优点是可以避免HTML代码的冗余，因为所有的样式都可以在一个单独的文件中定义；缺点是如果有多个页面需要相同的样式，就需要在每个页面中都引用同一个文件。
我们在一个名为"style.css"的文件中定义了以下样式：
p {
color: red;
fontsize: 20px;
}
然后在HTML文档中引用这个文件：
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <p>这是一个段落。</p> </body>
以上就是如何在HTML中加入CSS的基本方法，需要注意的是，虽然我们可以在HTML元素的"style"属性或者HTML文档的<head>部分使用<style>标签来定义样式，但是这并不是推荐的做法，因为这样会使HTML代码变得冗余且难以维护，我们通常会使用外部样式表的方式来管理我们的CSS代码。
