HTML中使用CSS的几种方式介绍

HTML中使用CSS的几种方式介绍:
CSS的重要性咱们就不多说了，加入没有CSS的话，网页的显示方式可能枯燥无味，甚至毫无美观度可言，下面就简单介绍一下在html中使用css的几种方式，希望对初学者带来一定的帮助。
一.引入外部样式表:

<link type="text/css" href="css/style.css" />

以上代码可以引入在同级目录下，css文件夹中名为style的样式表文件，这个路径可以是相对路径也可以是绝对路径。

关于路径可以参阅相对路径和绝对路径用法详解一章节。

二.文档内样式表:

<style type="text/css">
.test li
{
  margin-top:20px;
  list-style:none;
}
</style>

以上代码使用
声明文档内样式表，样式规则写在两个标签之间。
三.在标签内写样式:

<div style="width:100px;"></div>

以上代码直接在div内使用style设置div的宽度值。

原文地址是:http://www.51texiao.cn/HTML5jiaocheng/2015/0521/2135.html