Day 15

1月25日,学习了一些CSS知识。

  1. CSS简介
    CSS(Cascading Style Sheets)是一种用于描述HTML或XML文档外观的样式表语言。在Java Web开发中,CSS通常用于美化前端页面,控制页面的布局、颜色、字体等样式。
  2. CSS的基本语法
    CSS的基本语法由选择器和声明块组成。选择器用于指定要应用样式的HTML元素,声明块包含一个或多个声明,每个声明由属性和值组成。
/* 选择器 */
h1 {
    /* 声明块 */
    color: blue; /* 属性: 值 */
    font-size: 24px;
}
  1. CSS选择器
    CSS选择器用于选择要应用样式的HTML元素。常见的选择器有以下几种:

元素选择器:通过元素名称选择元素。

p {
    color: red;
}

类选择器:通过类名选择元素,类名前加.。

.highlight {
    background-color: yellow;
}

ID选择器:通过ID选择元素,ID前加#

#header {
    font-size: 30px;
}

后代选择器:选择某个元素的后代元素。

div p {
    color: green;
}
  1. 在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>
posted @   阿伟·  阅读(2)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示