1.直接加在对象上
demo.css文件的代码如下:
span{color:red}
<html>
<head>
<title>title</title>
</head>
<body>
<span style="color:red">red</span>
</body>
</html>
2.加到页面头部
<html>
<head>
<title>title</title>
<style>span{color:red}</style>
</head>
<body>
<span>red</span>
</body>
</html>
3.链接外部的样式表文件
<html>
<head>
<title>title</title>
<link href="demo.css" rel="stylesheet" type="text/css">
</head>
<body>
<span>red</span>
</body>
</html>
4.导入外部的样式文件
<html>
<head>
<title>title</title>
<style>@import url (demo.css)</style>
</head>
<body>
<span>red</span>
</body>
</html>
注意:外部CSS文件中不能再包含<style>和</style>。
demo.css文件的代码如下:
span{color:red}