摘要: ![文本垂直居中](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 李姣萱 阅读(3) 评论(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 李姣萱 阅读(3) 评论(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)
摘要: ![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 李姣萱 阅读(3) 评论(0) 推荐(0)
摘要: 1.DIV分为四层结构,从外往内以此为:边界(margin)、边框(border)、填充(padding)、内容(contet) 2.前三层都有四个方向,从顶部开始顺时针依次为:top、right、left、bottom 3.背景颜色会应用到除了margin之外的所有区域 4.前三层后面跟的属性值可 阅读全文
posted @ 2026-04-11 14:00 李姣萱 阅读(4) 评论(0) 推荐(0)
摘要: ![列表](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 李姣萱 阅读(3) 评论(0) 推荐(0)
摘要: 3月26日 1.在标签中,空一格写 align="center" 居中 2.加括号 content: "(" counter(my-counter) ")"; 一、插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则:在保证成像质量的情况下,文件大小越小越好。 常见的 阅读全文
posted @ 2026-03-29 21:08 李姣萱 阅读(3) 评论(0) 推荐(0)
摘要: 一、脉络梳理 1.新建项目,项目名称mySite,路径D盘根目录下。 2.新建样式文件,名称为style.css,并通过外部引入到主页中。 3.主页中,插入标题一、标题二和一个段落,内容自拟。 4.设置页面背景为淡蓝色,标题一和标题二文本颜色为橙色,段落文本颜色为红色。 5.新建子页,子页背景色和主 阅读全文
posted @ 2026-03-20 20:08 李姣萱 阅读(4) 评论(0) 推荐(0)
摘要: ![1](https://img2024.cnblogs.com/blog/3773469/202603/3773469-20260320200429365-531673155.png) ![主页](https://img2024.cnblogs.com/blog/3773469/202603/3773469-20260320200528764-929180697.png) ![子页](https 阅读全文
posted @ 2026-03-20 20:06 李姣萱 阅读(6) 评论(0) 推荐(0)
摘要: 3月12日 一、测试 1.基本的HTML5格式是什么? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 2.链接外部样式文件的格式 <link re 阅读全文
posted @ 2026-03-14 12:18 李姣萱 阅读(6) 评论(0) 推荐(0)