三中的使用方法的简单实例如下：
行内样式：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css行内样式</title>
</head>
<body>
<div style="width:100pxheight:100pxbackground:red"></div>>
</body>
</html>
内嵌样式：
!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100pxheight:100pxbackground:red}
</style>
<div id="div"></div>>
</body>
</html>
外部式：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
<link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
</body>
</html>
css文件
#div{width:100pxheight:100pxbackground:red}
拓展资料：
三中的使用方法的简单实例如下：
行内样式：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css行内样式</title>
</head>
<body>
<div style="width:100pxheight:100pxbackground:red"></div>>
</body>
</html>
内嵌样式：
!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
</head>
<body>
<style type="text/css">
#div{width:100pxheight:100pxbackground:red}
</style>
<div id="div"></div>>
</body>
</html>
外部式：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css内嵌样式</title>
<link rel="stylesheet" type="text/css" href="ccss.css">
</head>
<body>
<div id="div"></div>>
</body>
</html>
css文件
#div{width:100pxheight:100pxbackground:red}
简言之：
行内样式：就是代码写在具体网页中的一个元素内；比如：<div style="color:#f00"></div>
内嵌式：就是在</head>前面写；比如：<style type="text/css">.div{color:#F00}</style>
外部式：就是引用外部css文件；比如：<link href="css.css" type="text/css" rel="stylesheet" />
写在头部的style样式是叫内联样式<head>
<meta charset="utf-8">
<title>CSS_Tab</title>
<style type="text/css">
.wrap {
width: 500px
border: 1px solid black
margin: 0 auto
}
</style>
</head>
外联样式是、你在外面写了一个XXX.css的文件
在html头部写上
<link rel="stylesheet" href="css的路径">
嵌入式样式就是所谓的行内样式，也就是说是在标签内写的。
<ul style="height:200pxwidth:200px">
参考以下方法新建一个html文件，命名为test.html，用于讲解如何引用css外部样式来改变html中的p标签颜色。在test.html文件内，使用p标签创建一行文字，设置p标签的class属性为mypp，下面将使用css样式对该行文字进行设置。在test.html文件内，编写标签，页面的css样式将写在该标签内。
在css标签内，对p标签的样式进行设置，定义其文字颜色（color）为红色（red）。
创建一个css文件夹，在文件夹内创建一个index.css文件，在文件内，使用color属性重新定义p标签颜色，颜色更改为蓝色（blue）。
在test.html文件内，使用link标签载入css文件夹下的index.css文件，href属性为css文件的路径地址。在浏览器打开test.html文件，查看实现的效果。
