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文件，此时就连接成功。
1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=""双引号中才可以，如：<p style="color:red">这里文字是红色。</p>。
2、如果想让HTML标签和css样式区分开来，可以采取将css样式代码写在<style type="text/css"></style>标签之间，并且这里的<style></style>可以写在<head></head>标签之间或者<body></body>标签之间，效果都是一样的。
3、以上两种HTML和css的结合都是在同个页面，代码量多的情况下就不好区分了，这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档，然后将文档的扩展名改为“.css”。将该css样式文件与HTML放在同个磁盘中以便调用。
4、将css样式文件创建好后，使用Sublime编辑器打开css样式文件，在文件里面编写相应的css样式。
5、准备好这个css样式文件后，回到HTML文件，在<head></head>标签内使用<link>标签将css样式文件链接到HTML文件内，就完成了。
