- 博客(35)
- 收藏
- 关注
RSS订阅原创 Bootstrap3框架开发响应式网页
本次实训我学习了基于Bootstrap3框架开发响应式网页，掌握了Bootstrap栅格系统container、row、列布局的使用方式，理解不同屏幕适配类名col-md、col-sm、col-xs实现电脑、平板、手机多设备自动排版，学会通过link标签引入Bootstrap外部样式文件并且遵循引入顺序，自定义样式代码写在Bootstrap样式之后从而实现样式覆盖，同时学习使用background-image设置背景图片展示素材，区分网络图片地址与本地图片相对路径的写法，利用相对定位与绝对定位实现文字悬浮叠
2026-08-04 08:34:44
91
原创 Flex弹性布局
4. 移动端基础适配 认识视口标签 `<meta name="viewport" content="width=device-width, initial-scale=1.0">` 不加该标签，手机浏览器无法正常识别页面宽度，响应式会失效。1. Flex弹性布局 学会使用`display:flex`实现导航栏元素横向排列，掌握`justify-content`、`align-items`控制元素对齐；`，让广告大图跟随屏幕宽度自动缩放，保持图片比例不变、不会拉伸变形，是网页banner通用方案。
2026-08-03 08:03:44
173
原创 AdMaster响应式导航页面制作
样式部分重点学习弹性盒模型flex布局，借助display:flex实现横向导航，通过justify-content设置不同的主轴对齐方式适配不同屏幕，在小屏幕中使用flex-direction将导航改为纵向排布，同时学习媒体查询@media，设置多个屏幕宽度断点，根据浏览器宽度自动切换布局样式，使用display属性控制元素显示与隐藏，还学习了利用通配符进行基础样式重置，统一页面盒模型、清除列表默认样式。
2026-08-02 07:09:53
144
原创 响应式滑动菜单制作实验
本次学习使用ul无序列表搭建菜单结构；运用CSS媒体查询@media设置不同屏幕断点实现响应式布局，借助transition、阴影、圆角制作hover过渡动画；通过JavaScript实现汉堡菜单点击显示与隐藏，掌握一套页面适配电脑、平板、手机的响应式网页开发思路。
2026-07-31 09:19:30
143
原创 HTML5+Flex 弹性布局 —— 爱 V 猫友情链接页面练习总结
本次学习使用 HTML5 语义标签搭建页面结构，重点掌握 Flex 弹性盒模型相关属性，利用主轴、侧轴对齐、元素伸缩、自动换行等特性完成页面排版；通过嵌套弹性布局实现网页在不同窗口宽度下自适应展示，初步理解响应式网页设计思想，学会先搭建 HTML 骨架再编写样式的开发流程。
2026-07-30 09:50:01
178
原创 position 定位及css的应用
掌握了 `<dl>`/`<dt>`/`<dd>` 语义化标签的适用场景：`<dt>` 放置图片，`<dd>` 放置对应的文字说明，相比纯 div 布局更具语义，非常适合图书、商品这类图文配对的列表排版，也符合题目要求的排版规范。理解了“父级相对定位 + 子级绝对定位”的经典布局方案，学会用定位实现固定位置的元素，比如右上角的“3折疯抢”标签、图书列表的排名数字、“图书畅销榜”标题，都可以通过 position 精准控制位置，不受常规文档流的影响。1. 掌握了 position 定位的实战用法。
2026-07-29 08:55:54
198
原创 基于用例 6 的软件测试实践思考
通过用例 6 的练习，我学会规范编写测试用例，能够梳理业务操作流程，区分正常流程与异常场景；掌握设置测试前置条件、细化操作步骤、定义清晰预期结果的方法，同时意识到测试需要关注边界情况，保障测试覆盖度，提升发现系统缺陷的能力。
2026-07-28 09:23:50
175
原创 晒新货商品列表页float布局实训
5. 排版逻辑：按到货日期对商品分组展示，利用nth-child选择器控制每一行第三个商品取消右边距，保证行列整齐。4. CSS样式：全局初始化默认样式，给商品卡片加边框、内边距；价格红色高亮，到货时间灰色弱化区分文本层级。3. 布局核心：ul列表+float左浮动实现商品三列并排布局，用clearfix清除浮动塌陷。1. 页面模块化拆分：顶部广告banner、到货通知栏、分类筛选栏、按日期分组商品列表。2. 表单控件：radio单选按钮实现商品分类筛选功能。
2026-07-25 08:45:35
158
原创 商品详情页div+float布局实训
1. 搭建商品详情完整页面结构：页面划分为顶部banner广告、面包屑导航+商品标题、三栏商品预览选购区、左侧推荐模块、右侧详情标签内容区五大模块，使用div做整体区块划分。4. 边框、背景样式：利用边框区分板块，搭配背景色区分标题栏、选项卡激活状态，通过min-height固定详情区域最小高度，保证布局稳定。4. 标签书写规则：所有成对标签必须首尾闭合（body、html、div等），漏写闭合标签会直接触发代码校验报错。- 三栏布局：左侧缩略图、中间大图、右侧价格购买栏依靠float:left实现并排；
2026-07-24 08:38:15
191
原创 列表标签与浮动布局综合练习
本次使用div浮动完成页面左右分栏布局；运用dl、ul列表搭建导航、热销排行与商品列表结构；通过CSS后代选择器设置抢购价、原价样式，利用背景图美化列表序号；将页面拆分为banner、侧边导航、筛选区、商品列表、分页五大模块，完成家纺栏目页面搭建。
2026-07-23 08:34:44
154
原创 网站首页模块化布局制作实训
1. HTML：运用div进行页面模块划分，使用dl/dt/dd定义列表制作导航与分类栏目，ul/li无序列表展示动态信息，结合标题标签划分内容层级，a标签制作超链接。3. 网页开发思路：提取导航等公共部分代码实现页面复用，按照模块化方式搭建网站首页结构，先搭建页面结构再进行样式美化。2. CSS：掌握float浮动实现多列布局，并清除浮动；运用背景、字体、间距等样式美化页面元素，完成左右分栏布局。
2026-07-22 08:32:13
183
原创 网站通用导航与页脚模块制作学习小结
网站头部导航、底部版权是所有页面的通用模块，完成后可复制为多份文件（如首页、商品页、联系页），在此基础上开发不同页面的主体内容，避免重复工作。- 差异化设置超链接样式：主导航链接为白色加粗，普通链接默认灰色，统一通过 :hover 实现鼠标悬停下划线效果，匹配不同区域的视觉规范。- 用定义列表（dl+dt+dd） 实现页脚的分类服务导航，dt放置分类标题，dd放置子链接，适合带层级的分组内容。- 用无序列表（ul+li） 实现各类横向导航（顶部快捷栏、主导航、热门分类），适配并列型菜单条目。
2026-07-21 08:34:26
214
原创 网页列表排版及浮动布局知识点总结
1. 新闻公告模块：用 <ul> 无序列表排版，通过 CSS 设置链接默认灰色、hover 显示下划线；用 dashed 虚线分隔列表项，借助 :last-child 伪类去除最后一项的底部分隔线；2. 游戏视频模块：实现图文混排布局，通过图片左浮动让文字自适应占据右侧区域；设置视频标题链接默认蓝色、hover 下划线；区分左右区域的样式——左侧链接为蓝色，右侧版权文字为灰色，hover 时链接显示下划线。同时还巩固了 CSS 浮动布局、伪类选择器、边框样式、背景图定位等基础技巧。
2026-07-19 21:12:06
153
原创 7.17学习
在排版方面，掌握了利用无序列表与定义列表完成图文混排的技巧，既可以用无序列表搭建游戏列表类内容，将超链接转换为块级元素并配合:hover伪类实现鼠标悬停切换背景图的交互效果，也能通过定义列表实现分栏结构下的标题与内容排布。此外还巩固了超链接的交互样式控制，能够通过CSS调整超链接的默认颜色与下划线状态，并利用伪类实现悬停下划线的交互反馈，同时进一步熟练了盒子模型的应用，通过border、padding、background等属性灵活控制各类区块的边框、内边距与背景，完成不同页面模块的外观定制。
2026-07-17 22:11:00
157
原创 7.16学习
今天围绕游戏列表页面的开发，系统学习了HTML语义化标签的实际运用，包括用自定义列表实现标题栏的左右布局，用无序列表承载并列的游戏条目，同时掌握了模块化的页面结构搭建方式，通过容器分层划分页面区域，让代码结构更清晰易维护。核心学习了CSS浮动布局的用法，通过float属性实现多列卡片并排和图文混排效果，理解了浮动带来的高度塌陷问题，以及对应的清除浮动方法，还掌握了盒模型的精准控制，借助相关属性避免边框和内边距撑大盒子导致布局错乱。
2026-07-17 09:07:40
216
原创 7.14学习
今天动手编写了网站导航栏代码，运用之前学的列表、浮动、定位知识来制作导航菜单。同时复习了表格布局的用法，回顾表格搭建页面结构的方式。学习收获：能够独立完成网站导航模块制作，区分开表格布局与DIV+CSS布局的差别，代码编写更加流畅。通过实操练习，把浮动清除、元素排版这些知识点结合起来使用，页面布局更加熟练。
2026-07-14 21:56:31
179
原创 7.13学习
今天学习了网页定位相关知识，掌握了position定位属性的三种常用值：static静态定位、relative相对定位、absolute绝对定位，还学会用z-index调整元素堆叠层级。学会用定位实现悬浮、叠加这类特殊页面效果，分清不同定位的区别，能借助z-index解决元素互相遮挡的问题，丰富了网页布局的实现方式。弄懂了每种定位的特点、使用场景，像相对定位是相对于自身原本位置偏移，绝对定位依靠父级定位元素摆放。同时跟着书本案例敲代码实操练习，动手理解偏移、层级遮挡的效果。
2026-07-13 21:33:40
220
原创 7.12学习
收获：熟练掌握了常规页面排版方式，能处理浮动带来的常见bug，对接下来要学的定位布局有了初步认知，为后续复杂页面搭建打好了基础。练习了浮动布局来做多栏页面排版，学会了清除浮动、处理内容溢出，解决布局塌陷、内容超出容器的问题。今天学习了CSS超链接样式、背景样式、列表样式，还重点掌握了盒子模型，这是网页布局的核心。课后还提前预习了网页元素定位相关知识点，简单了解了定位的基础作用。跟着书本案例敲代码实操，动手巩固了布局相关知识。
2026-07-12 21:13:29
205
原创 7.11学习
认识了行内标签span，用来给局部文字单独设置样式。重点练习了各类字体样式属性，理解了文本排版在网页里的重要作用，学会用CSS调整页面文字排版。今天学习了CSS复合选择器，相比基础选择器，能更精准地选中页面元素。还了解了CSS的继承特性，父元素设置的部分样式，子元素可以直接沿用。收获：可以灵活区分不同选择器，合理利用样式继承简化代码，能对网页文字进行美化和规整排版。跟着书本案例敲代码练习，实操过后更加熟练。
2026-07-11 22:21:36
188
原创 【无标题】
重点掌握了三类CSS引入方式：行内样式、内部样式表、外部样式表，还有常用的CSS选择器，也理清了三种样式的优先级顺序。3. 亲手敲代码，对选择器用法和style标签的位置更熟悉，上手更熟练。2. 记住了样式优先级规则，后续写样式冲突时知道该怎么调整；今天学习了CSS基础语法，熟悉了style标签的使用。1. 清楚了三种引入CSS的写法和各自适用场景；跟着课本敲了配套示例代码，实操巩固了知识点。
2026-07-10 22:57:33
166
原创 【无标题】7月8日学习总结
通过这次学习，我分清了HTML负责搭架子，CSS负责打扮页面，写代码也更注重语义规范，页面结构更清晰。CSS的用处很多：调整文字、颜色、布局、间距，把简陋的HTML页面做成好看的商业网站。今天主要学了网页语义化，还有语义化菜单、表单标签标注规范。同时认识了CSS，明白了CSS就是用来给网页做样式美化的。1. 结构和样式分开，改外观不用改动页面骨架。2. 一套CSS可以多个页面共用，省事好维护。3. 代码更整洁，后期修改、排查问题更方便。4. 利于浏览器和搜索引擎识别页面内容。
2026-07-08 22:14:29
205
原创 7月7学习总结
比如 <label> 标签绑定输入框、表单元素合理分组、隐藏域的无痕传值，这些细节不改变页面的大体外观，但能大幅提升操作便捷性和业务合理性，也明白了商业站点开发既要实现功能，也要兼顾体验与规范。目前可以独立完成登录页、注册页、留言页等常见商业表单的结构编写，能根据业务需求给表单元素设置对应的限制属性，基本能满足静态商业站点的表单开发需求。表单是网页与用户交互的核心载体，通过 <form> 标签定义表单区域，负责收集用户输入并向服务器提交数据，是商业站点注册、登录、信息提交类功能的基础结构。
2026-07-07 20:46:43
156
原创 7月4日周总结
搜狐、网易、知乎、B站、小红书这些平台，从注册认证到发第一篇内容，知道每个平台的审核规矩不一样；遇到了内容违规被删、账号需注销重新创立，现在知道，应该怎么去避免遇到这些问题，首先应该记录这些问题是因为什么出现，违反了平台什么规定，其次需要整理总结避免下次出现同样的问题。知道主体资质是最关键的前提，要是主体有问题（比如注销了），后续认证根本走不下去。从注册阿里云账号、买域名、开服务器到提交备案，每一步都记录下来了，清楚每一步要啥材料、大概得等多久，也知道了购买域名之后需要进行认证审核。
2026-07-04 12:37:20
187
原创 今日温习前日学习
顶部放置品牌标识和导航栏，中部为登录表单区域，底部保留版权信息。表单包含用户名/邮箱输入框、密码输入框、登录按钮及"忘记密码"链接。常见问题包括margin折叠现象、百分比padding的计算基准等，需特别注意不同元素的display属性对盒子模型的影响。添加适当的留白和微交互效果（如输入框聚焦状态），提升用户体验。CSS盒子模型由内容区(content)、内边距(padding)、边框(border)和外边距(margin)组成。对于移动端，使用媒体查询切换为汉堡菜单模式。
2026-03-20 18:28:36
44
原创 用阿里云开通短信服务
进入短信服务控制台，选择“国内消息”或“国际/港澳台消息”，点击“签名管理”添加新签名。在“模板管理”页面创建新模板，填写模板名称、模板类型（验证码、通知、推广等）、模板内容（需包含变量时用${code}格式）。在阿里云控制台右上角头像处，进入“AccessKey管理”，创建或查看AccessKey ID和AccessKey Secret。登录阿里云控制台，在搜索栏输入“短信服务”或通过产品分类找到“云通信”下的“短信服务”。在短信服务控制台的“发送记录”页面查看短信发送状态、统计报表及消费明细。
2026-03-17 18:05:09
356
原创 学习成为初级程序员第十天
盒子模型是CSS布局的基础概念，每个HTML元素都被视为一个矩形盒子，包含内容（content）、内边距（padding）、边框（border）和外边距（margin）。理解盒子模型有助于控制元素的大小和间距。CSS定位（position）允许精确控制元素在页面中的位置，主要属性包括。浮动（float）是CSS中早期用于实现多列布局的属性，通过。使元素脱离文档流并向指定方向浮动。
2026-03-11 18:01:11
56
原创 学习成为初级程序员第九天
好的！下面我将逐一介绍CSS中的超链接样式、背景设置、列表样式和盒子模型的基本用法，并提供代码示例：通过伪类选择器设置超链接的不同状态：每个HTML元素可视为一个盒子，包含：$$\text{总宽度} = \text{width} + \text{padding-left} + \text{padding-right} + \text{border-left} + \text{border-right}$$实际占用宽度：$$300\text{px} + 2
2026-03-10 18:11:48
56
原创 学习成为初级程序员第八天
产品用例是描述用户与系统交互的场景，通常以用户目标为核心，展示系统如何满足需求。用例包含参与者、前置条件、基本流程、替代流程和异常流程等要素。确定系统的功能边界，识别哪些行为属于系统范围，哪些属于外部交互。通过绘制系统边界图，明确参与者（用户或其他系统）与用例的关系。根据用户反馈或测试结果调整用例细节，例如拆分复杂用例或合并低频场景。属性定义文本字体，可以指定多个字体作为备选。引入自定义字体，或使用Google Fonts等在线服务。调整行内元素垂直对齐（如表格单元格），），相对于当前字体大小。
2026-03-09 18:27:23
242
原创 学习成为初级程序员第七天
是行内容器，用于包裹文本或部分内容，配合 CSS 或 JavaScript 操作。属性中编写 CSS，优先级最高，但不利于维护。不改变文档结构，仅用于样式或脚本控制。标签定义 CSS，适用于单个页面。通过空格分隔，匹配嵌套结构的元素。用逗号分隔，同时匹配多个选择器。定义元素特殊状态，如悬停或聚焦。标签，可以实现灵活的样式控制。直接在 HTML 元素的。关键字强制继承父元素值。文件，适合多页面复用。通过结合选择器、继承和。在 HTML 文件的。）会继承父元素的值。
2026-03-06 17:48:51
48
原创 学习HTML第五天
语义化表单指使用恰当的HTML标签和属性，使表单结构清晰、易于理解，同时提升可访问性和搜索引擎优化。通过合理运用HTML5表单标签和ARIA属性，可构建高效且用户友好的语义化表单。思考/对话模型与ReRank后面列表框分别下拉选择。2、Embedding TopK 选择10。5、ReRank TopK 选择5。6、ReRank 选择0.50。3、关键词阈值 选择0.30。4、向量阈值 选择0.50。选择remote API。选择remote API。1、历史保留次数 选择5。知识库类型选择 文档。
2026-03-04 18:11:50
407
原创 学习HTML第四天
列表框（<select>通过<option>标签定义选项，selected属性可设置默认选中项。适用于需要用户从预定义选项中选择的场景，如下拉菜单或多项选择列表。按钮类型区分<button>为通用按钮，需配合JavaScript实现功能；用于提交表单数据；重置表单内容至初始状态；通过图片触发提交，兼具视觉效果与功能。多行文本域（<textarea>适用于大段文本输入，通过rows和cols属性控制显示行数与列宽。注意：实际尺寸建议使用CSS调整，属性仅影响初始渲染。文件域（
2026-03-03 19:02:16
249
原创 学HTML第三天
iframe src="目标页面" width="宽度" height="高度" frameborder="是否显示边框（0/1）" scrolling="是否显示滚动条（auto/yes/no）"> ```" name="用户名" value="默认值" placeholder="提示文本">type="checkbox" name="爱好" value="读书"> 读书。submit" value="提交"> 或 ="submit">提交>password" name="密码">
2026-03-02 20:53:50
2210
1
原创 学HTML第二天
摘要：本文系统总结了HTML基础标签的学习内容，包括网页基本结构、图像/链接标签、列表与表格的用法。重点解析了路径引用规则、表格合并和锚点跳转等常见问题的解决方案，如使用相对路径"./"和"../"定位文件，通过rowspan/colspan合并单元格等。同时规划了下一步表单标签的学习要点，强调method属性、input类型和label关联的重要性。文章采用代码示例辅助说明，并推荐MDN等学习资源，为HTML初学者提供了清晰的学习路径和实践指导。
2026-02-28 21:57:34
615
原创 学HTML第一天
head<head>是 HTML 文档的容器，用于存放元数据（如标题、字符集、样式表链接、脚本等），不直接显示在页面中。title<title>定义网页的标题，显示在浏览器标签页或窗口标题栏中，对 SEO 和用户体验至关重要。body<body>包含网页的所有可见内容，如文本、图像、链接、表格等，是用户直接交互的部分。strong<strong>表示文本的重要性，默认以加粗样式呈现，但语义上强调内容而非单纯样式。targettarget是<a>标签的属性，指定链接打开方式（如_blank在新标签页打开）。
2026-02-28 09:49:10
263
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人