寒假学习(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 @   muxin1630  阅读(3)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示