CSS(一)CSS引入方式
在html标签内使用属性style,style属性可以包含任何css属性。直观但不利于维护,不推荐
<p style=" font-size: medium;"> css内联样式</p>
内部样式
在html文件头部声明样式,是这个HTML文件都可以使用,但是不能作用于其他HTML文件
<head>
<title>Document</title>
<style>
p {
color: red;
font-size: medium;
}
</style>
</head>
<body>
<p> css内部样式</p>
</body>
</html>
外部样式
在HTML文件的头部通过<link>
标签引用外部的css样式文件,易维护。
# html文件
<head>
<link rel="stylesheet" href="./public.css">
</head>
<body>
<p>css外部引用</p>
</body>
</html>
# css文件
p {
color: red;
font-size: 20px;
}
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具