第一种方法是行内样式,就是直接把CSS代码添加到html的标签中,作为标签的一种属性存在。
2.
第二种方式是内嵌样式,就是将CSS代码添加到<head></head>之间,并用<style></sty...
3.
第三种方法是链接样式,就是将“页面内容”和“样式代码”分类成两个文件或多个文件,实现html代码和css代码的完全分离。
在html网页中引入引入css主要有以下四种方式：（1）行内式
<p style=”color:red”>网页中css的导入方式</p>
（2）嵌入式
<style type=”text/css”>
P{ color:red }
</style>
嵌入式一般写在head中，对于单个页面来说，这种方式很方便。
（3）导入式
<!-- 导入外部样式：在内部样式表的<style></style>标记之间导入一个外部样式表，导入时用@import。 -->
<style type="text/css">
@import "jisuan.css"
</style>
（4）链接式
<link href="jisuan.css" rel=”stylesheet” type=”text/css” />
导入式和链接式差不多，都是从外部引入css文件。但是链接式对于客户端用户浏览网站时，效果会好些。
一般来说只有3种：
1.最常用的，引入样式表，在样式表中编写样式，引入方式如下：
<link href="css/style.css" rel="stylesheet" type="text/css">
2.在Html头部用<style></style>包起来，在这里面编写样式：
<style type="text/css">
*{
padding: 0margin: 0
}
</style>
3.在标签里面直接编写行内样式。
<div style="color: #333"><div>
当然还有一种方式是用JS直接更改或者赋值给某个标签，但是其实是属于第三种的范围的
