1、行内样式：作为html标签的属性style=“”
2、内部样式
<style>
div{
font-size:12px;
}
</style>
3、外部样式表。链接式引入
（1）新建一个后缀为.css的样式文件，把所有css代码放入该文件。css文件中只有样式，不要写标签
（2）在HTML页面中，使用标签引入该css文件
rel:定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件
<link rel="stylesheet" href="css文件路径">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="stylecss.css">
</head>
<body>
<div>
这是绿色的
</div>
</body>
</html>
css文件：文件路径与html文件在同一级别，文件名称：stylecss.css
div{
color:green;
font-size: 25px;
font-weight: 700;
}
扫一扫
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
