寒假学习(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>
浙公网安备 33010602011771号