- 博客(5)
- 收藏
- 关注
RSS订阅原创 【前端】web小白实战之--小米商城（二）
本文详细介绍了小米商城网页下半部分的实现过程，包括轮播广告区、底部广告区、手机模块和其他广告模块的HTML结构与CSS样式设计。重点解析了轮播广告区的滑动门效果实现原理，通过绝对定位与悬浮显示控制实现交互效果。同时展示了商品分类展示区、促销模块的布局方法，以及页脚信息模块的无序列表排版技巧。文章还提醒开发者注意flex布局与float属性的冲突问题，并提供了完整的代码示例供参考。
2025-06-12 18:47:31
523
原创 【前端】--如何引入在线字体图标-详细版
本文介绍了如何从阿里巴巴矢量图标库引入和使用字体图标的方法。首先需要登录iconfont.cn网站，搜索并选择所需图标，添加至项目后生成代码链接。然后将链接内容复制到新建的CSS文件中。使用时需在HTML引入该CSS文件，通过复制图标对应的类名或Unicode就能显示图标。文中还提供了通过项目设置快速查找图标代码的技巧，以及直接在CSS文件中查找多个图标的方法。这种引入方式比使用图片更灵活高效。
2025-06-07 15:46:42
538
原创 前端开发-五种实现div内容居中的CSS方法
本文介绍了五种常用的CSS居中方法：1）Flexbox弹性盒子通过设置display:flex和align-items/justify-content实现灵活布局；2）Grid网格布局采用place-items:center一键双向居中；3）文本居中通过text-align和line-height实现简单居中；4）绝对定位+transform技术适用于未知尺寸元素的精准居中；5）表格布局提供display:table-cell方案确保浏览器兼容性。每种方法均附代码示例，帮助开发者根据实际需求选择最佳实现方案
2025-06-06 22:51:36
901
原创 Visual Studio Code全网最详细安装教程（附上安装包）
新手入坑前端，新建一个基础的前端项目有两种方式：一是新建一个txt文档将其后缀改成html或者htm，紧接着用记事本方式打开进行代码的编写；二是在前端开发软件直接新建一个.html或者.css文件；可见第一种方式较为繁琐，所以我们一般会选择在专业的前端开发工具编写代码，这里我比较推荐。
2025-06-03 23:00:36
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人