本章目录
- 1.任务目标
- 2.CSS外联写法
- 3.代码演示
- 4.小结
1.任务目标
我们前几个小结学习了选择器,我们这几个小结学习一下css外联写法,并且熟练运用。
2.CSS外联写法
我们为什么要学习外联写法那,我们再写css的时候少量的代码我们可以写在html里面但是我们要是做项目或者工程我们就必须使用外联写法。
3.代码演示
目录
第一步新建html把外联样式导进来
<!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="./外联.css">
</head>
<body>
<p>你好</p>
</body>
</html>
外联css的代码
.name{
color: rgb(214, 129, 16);
}
效果如下
4.小结
我们这一小结学习了css外联写法,我们外联写法一般用在代码非常多的时候使用。
更多推荐
零基础CSS入门教程(7)——CSS外联写法
发布评论