当前位置：凯发k8官方网 > 前端技术 > css >内容正文

css

零基础css入门教程(7)——css外联写法 -凯发k8官方网

发布时间：2023/12/18 css 117 豆豆

凯发k8官方网收集整理的这篇文章主要介绍了零基础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>documenttitle><link rel="stylesheet" href="./外联.css"> head> <body><p>你好p> body> html>

外联css的代码

.name{color: rgb(214, 129, 16); }

效果如下

4.小结

我们这一小结学习了css外联写法，我们外联写法一般用在代码非常多的时候使用。

总结

以上是凯发k8官方网为你收集整理的零基础css入门教程(7)——css外联写法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。