1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>time元素</title>
</head>
<body>
<div style="height:300pxwidth:500pxbackground:#999"></div>
</body>
2、第二种写法：
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>time元素</title>
<style>
.all{
height:300px
width:500px
background:#999}
</style>
</head>
<body>
3、建立一个css样式表文件
4、存储在css文件夹中
5、在html文件中写入链接代码，代码如下：
<link rel="stylesheet" type="text/css" href="css/index.css" />
6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。
可以通过三种方式引入CSS代码\x0d\x0a外部样式：将网页链接到外部样式表。\x0d\x0a内页样式：在网页上创建嵌入的样式表。\x0d\x0a行内样式：应用内嵌样式到各个网页元素。\x0d\x0a\x0d\x0a链接就是其中的一种\x0d\x0a\x0d\x0a在 head 结束标签上面写链接CSS代码. \x0d\x0a方法/步骤
<html> <div style="background:blue"></div></html>
以上是最简单的一种方式，可以在网页中直接加入，不过不能多代码的加入，只可以简单的几行代码的加入。
<html><style type="text/css"> div{ background-color: blue}</style> <div></div></html>
同在一个屋檐之下的一种表达方式，也是可以的，代码量可以加大，只是属于个人作品的一种表达方式，不是属于团队的开发之一。
<html><head> <link rel="stylesheet" type="text/css" href="baidu.css"></head></html>
使用上面的一种文档的方式，也是在企业中要用到的，不过CSS可能是用专人员来写，代码可以很长，也可以很细。
然后开发人员，可以直接使用的一种方式，团员开发的重点之重。
以上的三中方式，可能并不只是体现在差异性方面，更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写；专业开发可能不必要文档；团队开发可能用文档比较专业一些，工作可能会更简单一些。
三种表达方式的总结说明：
空间表达：
内嵌
分层
外嵌
职业表达：
个人
私人
团队
分工表达：
简单
中等
难度
