三中的使用方法的简单实例如下：
行内样式：
<!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" />
css分行内，内嵌和外联。行内就是直接通过标签的style属性，在标签本行添加css样式。
内嵌是通过在head标签中创建style标签，通过标签选择器获取body内的标签，进行css样式的书写。
外联是是通过link标签引入其他css文件，css文件中样式的写法与内嵌式一致。好处是让你的html代码不至于那么臃肿，另外分开管理也是良好的习惯。
参考以下方法新建一个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文件，查看实现的效果。
