2026年6月
FLEX弹性布局
摘要： 一、flex弹性布局（flex交叉轴的5种对齐方式） 二、border-radius制作圆 阅读全文
posted @ 2026-06-25 09:32 李姣萱 阅读(1) 评论(0) 推荐(0)
2026年5月
12周
摘要： 一、banner3 二、position 阅读全文
posted @ 2026-05-24 10:58 李姣萱 阅读(4) 评论(0) 推荐(0)
表格列表
摘要： 笔记： 阅读全文
posted @ 2026-05-24 10:51 李姣萱 阅读(5) 评论(0) 推荐(0)
2026年4月
单行/多行 文本垂直居中
摘要： ![文本垂直居中](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260430092452562-626988771.png) ![屏幕截图 2026-04-30 092817](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260430092919337-1 阅读全文
posted @ 2026-04-30 09:30 李姣萱 阅读(5) 评论(0) 推荐(0)
第八周
摘要： ![卡枚相册](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260426192145680-283932652.png)![卡枚（2）](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260426192147734-405903660.png)![（3）](... 阅读全文
posted @ 2026-04-26 19:21 李姣萱 阅读(5) 评论(0) 推荐(0)
第七周
摘要： ![用边框划分4个区域](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260418174703616-23777766.png) ![效果图](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260418174705777-1505816728.png) ![ 阅读全文
posted @ 2026-04-18 17:47 李姣萱 阅读(4) 评论(0) 推荐(0)
4.9代码
摘要： ![DVI布局](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260411140608005-970367619.png) ![上下结构布局](https://img2024.cnblogs.com/blog/3773469/202604/3773469-20260411140609333-468698082.png) ![左 阅读全文
posted @ 2026-04-11 14:06 李姣萱 阅读(6) 评论(0) 推荐(0)
4月9日
摘要： 1.DIV分为四层结构，从外往内以此为：边界(margin)、边框(border)、填充(padding)、内容(contet) 2.前三层都有四个方向，从顶部开始顺时针依次为：top、right、left、bottom 3.背景颜色会应用到除了margin之外的所有区域 4.前三层后面跟的属性值可 阅读全文
posted @ 2026-04-11 14:00 李姣萱 阅读(6) 评论(0) 推荐(0)
2026年3月
3.26代码
摘要： ![列表](https://img2024.cnblogs.com/blog/3773469/202603/3773469-20260329211856852-1647554238.png) ![红楼梦](https://img2024.cnblogs.com/blog/3773469/202603/3773469-20260329211908524-731582515.png) ![插入图片]( 阅读全文
posted @ 2026-03-29 21:20 李姣萱 阅读(6) 评论(0) 推荐(0)
3.26
摘要： 3月26日 1.在标签中，空一格写 align="center" 居中 2.加括号 content: "(" counter(my-counter) ")"; 一、插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则：在保证成像质量的情况下，文件大小越小越好。 常见的 阅读全文
posted @ 2026-03-29 21:08 李姣萱 阅读(5) 评论(0) 推荐(0)
下一页