<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[L456213的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/L456213</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; L456213]]></copyright><item><title><![CDATA[【前端】web小白实战之--小米商城（二）]]></title><link>https://blog.youkuaiyun.com/L456213/article/details/148530636</link><guid>https://blog.youkuaiyun.com/L456213/article/details/148530636</guid><author>L456213</author><pubDate>Thu, 12 Jun 2025 18:47:31 +0800</pubDate><description><![CDATA[本文详细介绍了小米商城网页下半部分的实现过程，包括轮播广告区、底部广告区、手机模块和其他广告模块的HTML结构与CSS样式设计。重点解析了轮播广告区的滑动门效果实现原理，通过绝对定位与悬浮显示控制实现交互效果。同时展示了商品分类展示区、促销模块的布局方法，以及页脚信息模块的无序列表排版技巧。文章还提醒开发者注意flex布局与float属性的冲突问题，并提供了完整的代码示例供参考。
]]></description><category></category></item><item><title><![CDATA[【前端】web小白实战跟练之--小米商城（一）]]></title><link>https://blog.youkuaiyun.com/L456213/article/details/148412052</link><guid>https://blog.youkuaiyun.com/L456213/article/details/148412052</guid><author>L456213</author><pubDate>Sun, 08 Jun 2025 23:47:36 +0800</pubDate><description><![CDATA[打基础之小米商城，想看的小伙伴也可以看看哦]]></description><category></category></item><item><title><![CDATA[【前端】--如何引入在线字体图标-详细版]]></title><link>https://blog.youkuaiyun.com/L456213/article/details/148495188</link><guid>https://blog.youkuaiyun.com/L456213/article/details/148495188</guid><author>L456213</author><pubDate>Sat, 07 Jun 2025 15:46:42 +0800</pubDate><description><![CDATA[本文介绍了如何从阿里巴巴矢量图标库引入和使用字体图标的方法。首先需要登录iconfont.cn网站，搜索并选择所需图标，添加至项目后生成代码链接。然后将链接内容复制到新建的CSS文件中。使用时需在HTML引入该CSS文件，通过复制图标对应的类名或Unicode就能显示图标。文中还提供了通过项目设置快速查找图标代码的技巧，以及直接在CSS文件中查找多个图标的方法。这种引入方式比使用图片更灵活高效。]]></description><category></category></item><item><title><![CDATA[前端开发-五种实现div内容居中的CSS方法]]></title><link>https://blog.youkuaiyun.com/L456213/article/details/148476374</link><guid>https://blog.youkuaiyun.com/L456213/article/details/148476374</guid><author>L456213</author><pubDate>Fri, 06 Jun 2025 22:51:36 +0800</pubDate><description><![CDATA[本文介绍了五种常用的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方案确保浏览器兼容性。每种方法均附代码示例，帮助开发者根据实际需求选择最佳实现方案]]></description><category></category></item><item><title><![CDATA[Visual Studio Code全网最详细安装教程（附上安装包）]]></title><link>https://blog.youkuaiyun.com/L456213/article/details/148407787</link><guid>https://blog.youkuaiyun.com/L456213/article/details/148407787</guid><author>L456213</author><pubDate>Tue, 03 Jun 2025 23:00:36 +0800</pubDate><description><![CDATA[新手入坑前端，新建一个基础的前端项目有两种方式：一是新建一个txt文档将其后缀改成html或者htm，紧接着用记事本方式打开进行代码的编写；二是在前端开发软件直接新建一个.html或者.css文件；可见第一种方式较为繁琐，所以我们一般会选择在专业的前端开发工具编写代码，这里我比较推荐。]]></description><category></category></item></channel></rss>