欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > CSS >内容正文

CSS

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

发布时间：2023/12/18 CSS 463 豆豆
生活随笔 收集整理的这篇文章主要介绍了 零基础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入门教程(7)——CSS外联写法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。