零基础CSS入门教程(7)——CSS外联写法

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外联写法,我们外联写法一般用在代码非常多的时候使用。

猜你喜欢

转载自blog.csdn.net/weixin_61808806/article/details/128225049