HTML引入CSS样式的三种方式
1.内联定义方式：
在标签内部使用style属性来设置元素的css样式
语法格式：
1 <标签 style="样式名：样式值；样式名：样式值；样式名：样式值；....." 2 </标签>
2.样式块方式：
在head标签中使用style块
语法格式：
1 <head> 2 <style type="text/css"> 3 选择器{ 4 样式名 ： 样式值； 5 样式名 ： 样式值； 6 } 7 选择器{ 8 样式名 ： 样式值； 9 样式名 ： 样式值； 10 } 11 12 </style> 13 14 </head>
id选择器:（作用于1个）
可以设置整个网页中的某个元素，不能重用
eg. 此时id=user
#user(任意）{
font-size : 24px;
color : red;
}
标签选择器：(作用于多个）
该网页中此标签都用这个样式，范围比id选择器广
div {
font-size : 24px;
color : red;
}
类选择器：
.类名{
...
}
.myclass{
.../*
只要元素class属性的类名相同，可以认为属于一类标签
/*
}
3.链入外部样式表文件（最常用）
将样式写到一个独立的xxx.css文件中，在需要的网页中直接引入css文件，样式也随之引入
优点：易维护
语法格式：
1 <link type="text/css" rel="stylesheet" href="css文件的路径“ />
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具