寒假学习(1)
在 Java Web 开发中,CSS用于控制网页的外观和布局。CSS通常与HTML结合使用,定义网页的字体、颜色、布局等视觉样式。对于Java Web应用来说,CSS是前端开发的重要组成部分,能够使网页内容更加美观和易于使用。
CSS基础知识
1.1 CSS选择器
元素选择器
p {
color: blue;
}
类选择器:
.myClass {
font-size: 16px;
}
ID选择器:
#myId {
background-color: yellow;
}
属性选择器
input[type="text"] {
border: 1px solid black;
}
CSS属性
颜色与字体
color: red; /* 文字颜色 */
font-size: 18px; /* 字体大小 */
font-family: Arial, sans-serif; /* 字体 */
text-align: center; /* 文本对齐 */
布局
display: block; /* 元素显示为块级元素 */
float: left; /* 元素浮动到左边 */
margin: 20px; /* 外边距 */
padding: 10px; /* 内边距 */
背景
background-color: lightblue; /* 背景色 */
background-image: url('image.jpg'); /* 背景图像 */
background-size: cover; /* 背景图像自适应大小 */
边框
border: 1px solid black; /* 边框 */
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!