Banner
avatar
蒟蒻
在读软件专业大学生,对前端技术充满热情。擅长WEB页面开发,正在通过自己的不断学习,努力成为前端领域的大咖
发布空间
13
公开空间
87
README

👋自我介绍

大家好!我是蒟蒻同学!目前就读于广州某不知名大学的软件技术专业,热爱前端开发,希望通过自己的努力能成为一位前端领域的大咖。祝愿大家都能坚守自己的梦想,并向它不断奋进,最终绽放出最为耀眼的光芒


📚正在学习

avatar avatar avatar avatar avatar avatar

🤯开发环境

avatar avatar avatar

✨代码分享平台及联系方式

avatar avatar avatar avatar

🐣个人作品

tip:点击运行即可预览


置顶空间
萌宠之家
萌宠之家
#HTML/CSS/JS
## 项目说明 本项目是由HTML、CSS编写的网页,主要在于锻炼自己的布局能力。<br />网页除了开头的轮播图组件用了bootstarp,其余部分均为手写 css 样式。在编写css的过程中用到了grid布局、flex布局等常用布局方式,并且能通过使用浏览器开发者工具和配合 VisBug 进行页面布局调整。由此加深了我对网页布局的理解和开发者工具的熟悉程度。 因为没有做屏幕适配,所以只有在电脑上才能获得最佳的显示效果 ## 项目效果图 ![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc5c6.png#crop=0&crop=0&crop=1&crop=1&id=Zbmpm&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)<br />![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc5f9.png#crop=0&crop=0&crop=1&crop=1&id=kY3WJ&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)<br />![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc652.png#crop=0&crop=0&crop=1&crop=1&id=ZAUoT&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)<br />![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc699.png#crop=0&crop=0&crop=1&crop=1&id=jklXU&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)<br />![](https://pic.imgdb.cn/item/639893afb1fccdcd36cbc6ef.png#crop=0&crop=0&crop=1&crop=1&id=yG4oj&originHeight=937&originWidth=1825&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)<br />![](https://pic.imgdb.cn/item/6398943ab1fccdcd36cca805.png#crop=0&crop=0&crop=1&crop=1&id=vARlp&originHeight=574&originWidth=1806&originalType=binary&ratio=1&rotation=0&showTitle=false&status=done&style=none&title=)
9
1.4k
5
6
动态