Day 15
1月25日,学习了一些CSS知识。
- CSS简介
CSS(Cascading Style Sheets)是一种用于描述HTML或XML文档外观的样式表语言。在Java Web开发中,CSS通常用于美化前端页面,控制页面的布局、颜色、字体等样式。 - CSS的基本语法
CSS的基本语法由选择器和声明块组成。选择器用于指定要应用样式的HTML元素,声明块包含一个或多个声明,每个声明由属性和值组成。
/* 选择器 */
h1 {
/* 声明块 */
color: blue; /* 属性: 值 */
font-size: 24px;
}
- CSS选择器
CSS选择器用于选择要应用样式的HTML元素。常见的选择器有以下几种:
元素选择器:通过元素名称选择元素。
p {
color: red;
}
类选择器:通过类名选择元素,类名前加.。
.highlight {
background-color: yellow;
}
ID选择器:通过ID选择元素,ID前加#
#header {
font-size: 30px;
}
后代选择器:选择某个元素的后代元素。
div p {
color: green;
}
- 在Java Web项目中使用CSS
在Java Web项目中,通常将CSS文件放在src/main/webapp/css目录下,然后在HTML文件中通过<link>
标签引入CSS文件。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Java Web Project</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
</head>
<body>
<h1>Hello, CSS!</h1>
<p class="highlight">This is a highlighted paragraph.</p>
</body>
</html>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端