admin管理员组

文章数量:1794759

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

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

本章目录
    • 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

版权声明：本文标题：零基础CSS入门教程(7)——CSS外联写法 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1686974192a124273.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。