内链样式表
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS的使用方式</title>
</head>
<strong><body style="background-color:green;color:#fff;">
<h1>CSS的使用方式</h1>
<p>CSS的使用方式</p>
</body></strong>
</html></span>
嵌入式样式表
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS的使用方式</title>
<style type="text/css">
body { background-color:green;
color:red;
}
p {
background-color:red;
color:green; }
</head>
<body>
<h1>CSS的使用方式</h1>
<p>CSS的使用方式</p>
</body>
引入式样式表(从外部引入的)
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS的使用方式</title>
<strong><link rel="stylesheet" type="text/css" href="style.css"></strong>
</head>
<body>
<h1>CSS的使用方式</h1>
<p>CSS的使用方式</p>
</body>
</html></span>
其中: style.css的代码为
<span style="font-size:18px;">body{
background-color:red;
color:#fff;
}</span>
属性:属性值(之间是:)
属性;属性(之间是;)