摘要：
用户登录页面 核心知识点 登录页常用表单控件 普通文本框 type="text"：用于输入账号， placeholder 设置输入提示语 密码框 type="password"：输入内容会自动隐藏为圆点/星号，保护密码隐私 超链接 标签：用于制作跳转文字，例：「前往注册页面」，实现页面跳转功能 两种 阅读全文
posted @ 2026-06-29 09:03
樊珍
阅读(7)
评论(1)
推荐(1)
摘要：
通用表单拓展知识点 语义化优势：form、label、各类input标签属于HTML表单语义标签，利于搜索引擎识别，也方便屏幕阅读器读取 前端校验特点：原生表单校验仅做基础格式拦截，完整的数据校验还需要后端二次验证 布局方式：使用div对每一行表单控件进行分行排版，实现整齐的表单排版效果 需要我把这 阅读全文
posted @ 2026-06-29 09:03
樊珍
阅读(4)
评论(1)
推荐(1)
摘要：
表单页面制作两大任务知识点整理 一、任务1：信息登记页面 核心知识点 表单基础框架 核心容器 标签：是所有表单控件的包裹容器，必不可少 两个关键属性 action ：设置表单数据提交的后台接口地址，为空代表暂时不提交 method ：规定数据提交方式，常用 post （保密性好，适合提交隐私信息）和 阅读全文
posted @ 2026-06-29 09:03
樊珍
阅读(6)
评论(0)
推荐(0)
摘要：
Flex进阶属性（换行、多行列对齐与子项独立控制） 一、容器换行与主轴简写 flex-flow flex-wrap ：控制子元素是否自动换行 nowrap （默认）：不换行，子元素自动压缩挤在一行 wrap ：空间不足自动换行 wrap-reverse ：反向换行，第一行排在最下方 flex-flo 阅读全文
posted @ 2026-06-29 08:58
樊珍
阅读(7)
评论(1)
推荐(1)
摘要：
知识点5：外部CSS样式的两种引入方式 方式1：link链接式（项目标准推荐） 写在HTML的 标签内，并行加载CSS与HTML 方式2：@import导入式（不推荐） 写在CSS文件内部，或内嵌 标签中，等待HTML加载完成后才加载样式，会出现闪屏问题 补充：CSS总共三种引入：行内样式、内嵌样式 阅读全文
posted @ 2026-06-29 08:54
樊珍
阅读(6)
评论(1)
推荐(1)
摘要：
Flex实现子项等宽布局 核心属性： flex: 1 ，该属性是复合写法： flex-grow:1（自动占剩余空间）、flex-shrink:1、flex-basis:0 完整代码示例 特点：无论子元素数量多少，都会均匀平分父容器宽度，内容不会挤压宽度 阅读全文
posted @ 2026-06-29 08:54
樊珍
阅读(5)
评论(0)
推荐(0)
摘要：
知识点3：CSS圆形制作方法 方法1（最常用）border-radius 圆角法 前提：元素宽高尺寸完全相等 其他拓展方案 clip-path: circle(50%); 裁剪生成圆形 CSS径向渐变 radial-gradient 绘制圆形背景 SVG原生 标签绘制矢量圆 阅读全文
posted @ 2026-06-29 08:54
樊珍
阅读(4)
评论(0)
推荐(0)
摘要：
HTML表单与表格布局 表格布局（用于展示结构化数据） 基础标签： 表格、 行、 单元格、 表头单元格 核心属性： colspan ：单元格跨列合并 rowspan ：单元格跨行合并 用途：课程表、账单、数据报表，禁止用表格做页面整体布局 表单布局（用于收集用户数据，包裹在 内） 常用控件： inp 阅读全文
posted @ 2026-06-29 08:46
樊珍
阅读(7)
评论(2)
推荐(1)
摘要：
Flex弹性布局——主轴5种对齐 & 交叉轴5种对齐 一、主轴对齐（ justify-content ，控制子元素水平排列） flex-start （默认）：子元素靠主轴起点左对齐 flex-end ：子元素靠主轴终点右对齐 center ：子元素在主轴居中 space-between ：两端贴边， 阅读全文
posted @ 2026-06-29 08:46
樊珍
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号