寒假学习(4)
在Java Web开发中,CSS文件通常用于前端页面的样式设置。CSS文件可以通过以下几种方式引入到HTML中:
2.1 外部CSS文件
将CSS代码保存在单独的.css文件中,并通过标签在HTML中引用它。
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
styles.css
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}
内联CSS
直接在HTML元素中使用style属性来设置样式。
<p style="color: red; font-size: 20px;">This is a red paragraph.</p>
嵌入式CSS
将CSS代码嵌入到HTML文档的< style>标签中。
<head>
<style>
body {
background-color: lightblue;
}
</style>
</head>
CSS与Java Web框架结合使用
Spring Boot与CSS
<head>
<link rel="stylesheet" href="/css/styles.css">
</head>
Thymeleaf与CSS
<head>
<link rel="stylesheet" href="/css/styles.css">
</head>
JSP与CSS
<head>
<link rel="stylesheet" type="text/css" href="<c:url value='/css/styles.css'/>">
</head>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!