寒假学习(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>
posted @ 2025-02-03 22:55  muxin1630  阅读(21)  评论(0)    收藏  举报