- 博客(9)
- 资源 (3)
- 收藏
- 关注
原创 前端学习——css——基础知识、盒模型、浮动
CSS基础知识笔记摘要:介绍了CSS初始化的常见写法,包括清除默认边距和列表样式;分享了文字垂直居中、盒子模型使用等实用技巧;详细解析了盒模型的margin和padding特性,以及外边距重叠问题的解决方案;阐述了浮动的特性(顶对齐、行内块、脱离文档流)和清除浮动的方法;最后提到了伪元素和伪类的简单应用。重点内容包含盒模型处理、浮动特性及清除方式等CSS核心概念。
2025-11-12 17:25:37
151
原创 前端学习——css——flexbox篇
本文摘要: Flexbox是一种强大的CSS布局模型,围绕容器(Container)和项目(Item)的父子关系展开。核心概念包括主轴和交叉轴的双轴系统,通过flex-direction可调整主轴方向。容器属性如flex-wrap、justify-content和align-items控制项目排列、对齐和换行;项目属性如flex、order和align-self使单个元素控制更灵活。典型案例展示如何使用flex:1实现等分卡片布局。Flexbox简化了响应式设计,无需复杂计算即可实现多种布局需求。
2025-09-11 10:34:36
766
原创 前端学习——css第4篇
这是一个用户注册表单的HTML和CSS代码实现。HTML部分包含一个完整的表单结构,包括文本输入框、单选按钮、文件上传、下拉选择、文本域和复选框等表单元素。CSS部分设置了深色主题的样式,包括表单的布局、标签样式、输入框样式和提交按钮样式。表单采用响应式设计,能适应不同屏幕尺寸,并在提交时将数据发送到指定地址。整体设计简洁专业,符合现代网页表单的最佳实践。
2025-09-06 09:43:41
405
原创 前端学习——css第1篇
这段代码展示了一个咖啡店菜单网页的实现。HTML结构包含标题、咖啡和甜点两个商品分类区,每个商品都有名称和价格。CSS样式设置了复古风格的背景图片、棕色系配色方案和居中布局。商品列表采用左右对齐的排版方式,价格靠右显示。底部包含地址和网站链接,整体设计简洁大方。网页宽度限制在500px以内,适合移动设备浏览,背景使用咖啡豆图片增强了主题感。
2025-09-06 09:30:54
360
原创 springmvc学习——servlet篇
使用idea创建一个maven项目,并添加web application框架支持,写一个helloServlet,实现访问/hello 输出HelloWorld,并解决artifacts没有生成class文件问题
2025-09-01 16:53:16
552
原创 前端学习——css第3篇
这篇文章展示了一个用HTML和CSS创建的彩色标记笔效果。HTML部分包含标题和三个标记笔容器,每个容器由笔帽(cap)和笔身(sleeve)组成。CSS部分实现了以下效果:1) 居中标题;2) 白色背景容器;3) 红、绿、蓝三种标记笔,使用线性渐变和阴影效果;4) 笔身部分采用半透明白色和黑色双线边框设计。整个代码结构清晰,通过CSS的渐变和阴影属性实现了逼真的标记笔视觉效果。
2025-08-30 17:14:53
570
原创 前端学习——css第2篇
这段代码实现了一个互动式生日贺卡网页。HTML部分包含一个主卡片和两个隐藏部分(发送和分享)。CSS添加了丰富的视觉效果:卡片悬停时放大变色,标题添加表情符号装饰,按钮有交互状态变化,隐藏部分在点击对应链接后显示并带有倾斜动画。整体采用棕色背景衬托白色卡片,实现简洁现代的生日祝福效果。
2025-08-30 16:57:45
330
原创 前端学习——html篇
本文介绍了HTML的基本结构和使用方法,主要包括: 标准HTML文档结构(doctype、html、head、body) 语义化标签的使用(header包含figure/nav、main、footer包含address) 表单元素(form、fieldset、input、select、textarea等) 表格制作(table、thead、tbody、tr、td、th等) 常用属性(id、class、placeholder、required等) 特殊功能实现(单元格合并rowspan/colspan) 文章
2025-08-30 16:12:57
790
房贷计算器FDJSQ.zip
2019-12-20
winform图书借阅管理系统.rar
2019-09-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅