三中的使用方法的简单实例如下：
行内样式：
<!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结构好的话，没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符，而不必使用CSS嵌套。（或者更好的说法，上下文选择符--译者著）
1、比如：
ExampleSourceCode#top{ background-color:#ccc padding:1em } #toph1{ color:#ff0 } #topp{ color:red font-weight:bold }
2、这就减去不必要的类或者标识选择符，如果应用到像这样的HTML中：
ExampleSourceCode<dividdivid="top"> <h1>Chocolatecurry</h1> <p>Thisismyrecipeformakingcurrypurelywithchocolate</p> <p>Mmmmmmmmmm</p> </div>
这是因为，用英文半角空格间隔选择符，我们指明了在标识id内的h1有“#ff0”的颜色，而p则是红色red和粗体bold。这可能也会有些复杂（因为可能不止两级，比如在内在内在内在内等等）。有必要多加练习。
外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过“连接”或“导入”方式将其应用到当前网页中。（2）在【添加为】中选择其中的一个选项：◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个标记，并引用已发布的样式表所在的URL。标记必须放在页面的区域。Internet Explorer和Netscape Navigator都支持此方法。◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的里导入一个外部样式表，导入时用@import。注意：不能使用 【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。
