CSS的三种引入方式
css写再style标签中，style标签一般写在head标签里面，title下面
| 引入方式 | 书写位置 | 作用范围 | 使用场景 | 提示 |
|---|---|---|---|---|
| 内嵌式 | CSS写在style标签中 | 当前页面 | 小案例 | style标签虽然可以写在页面的任意位置。但通常约定写在head标签中 |
| 外联式 | CSS写在单独的CSS文件中，通过link标签引入 | 多个页面 | 项目中 | |
| 行内式 | CSS写在标签的style属性中 | 当前标签 | 配合js使用 |
行内式
实际开发中，不会手动去写行内式引入css
<!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>
</head>
<body>
<div style="color:green; font-size: 100px;">这是div标签</div>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 终于写完轮子一部分：tcp代理 了，记录一下
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理