07 2026 档案

随堂笔记13
摘要：position ![image](https://img2024.cnblogs.com/blog/3774985/202607/3774985-20260709085710863-1718663411.png) 点击下载 点击下载 ![image](https://img2024.cnblogs 阅读全文
posted @ 2026-07-09 08:58 StarByte 阅读(12) 评论(0) 推荐(0)
随堂笔记12
摘要：细线表格 HeaderHeader DataData ![image](https://img2024.cnblogs.com/blog/3774985/202607/3774985-20260709085954710-2136901472.png) A B C D 阅读全文
posted @ 2026-07-09 08:56 StarByte 阅读(8) 评论(0) 推荐(0)
随堂笔记11
摘要：![image](https://img2024.cnblogs.com/blog/3774985/202607/3774985-20260709085429358-1934923481.png) 阅读全文
posted @ 2026-07-09 08:54 StarByte 阅读(7) 评论(0) 推荐(0)
随堂笔记10
摘要：1 2 3 阅读全文
posted @ 2026-07-09 08:53 StarByte 阅读(10) 评论(0) 推荐(0)
随堂笔记9
摘要：纯 CSS 绘制圆形 Flex 实现元素平均分布 表单 + 表格混合布局 单选框、复选框点击文字也能选中（label 关联 input） 综合布局案例 1. CSS圆形 圆形 2. Flex 平均分布 1 2 3 4 3. 表单与表格布局 姓名 密码 性别 男生 女生 爱好 游戏 阅读 运动 阅读全文
posted @ 2026-07-09 08:51 StarByte 阅读(8) 评论(0) 推荐(0)
随堂笔记8
摘要：flex交叉轴的5种对齐方式： align-items 作用于父容器，控制子元素在交叉轴上对齐，共 5 种常用值： flex-start（默认） 子元素靠交叉轴起点对齐（顶部靠齐） flex-end 子元素靠交叉轴终点对齐（底部靠齐） center 交叉轴居中对齐（垂直居中，最常用） baselin 阅读全文
posted @ 2026-07-09 08:50 StarByte 阅读(10) 评论(0) 推荐(0)
随堂笔记7
摘要：![8894a61483c6a341cc8f2654ed90abe3](https://img2024.cnblogs.com/blog/3774985/202607/3774985-20260709084719424-2051202016.png) ![edab741dd7926f78b1c022b8df87a1e9](https://img2024.cnblogs.com/blog/37749 阅读全文
posted @ 2026-07-09 08:47 StarByte 阅读(10) 评论(0) 推荐(0)
随堂笔记6
摘要：样式：flex-start flex-end center,space-between,space-around 阅读全文
posted @ 2026-07-09 08:46 StarByte 阅读(8) 评论(0) 推荐(0)
随堂笔记5
摘要：![029a329b9a08e3672cef846ee3c5a5ba](https://img2024.cnblogs.com/blog/3774985/202607/3774985-20260709083253379-296527848.png) ![f6ef2736f93c197284c6d2530d1fc031](https://img2024.cnblogs.com/blog/377498 阅读全文
posted @ 2026-07-09 08:33 StarByte 阅读(5) 评论(0) 推荐(0)
随堂笔记4
摘要：CSS样式规则 选择器{属性1:属性值1；属性2:属性值2；属性3:属性值3;} 把helloworld设置为BOOMBOX字体，并正确显示： @font-face[ font-family:字体名称； src:字体路径； 包含关系： 阅读全文
posted @ 2026-07-09 08:31 StarByte 阅读(9) 评论(0) 推荐(0)
随堂笔记3
摘要：验证文档流的显示顺序 <html> <head> <meta charset="UTF-8"> <title>验证文档流的显示顺序</title> <style type="text/css"> *(margin:0;padding:0} ·parent{ margin:0 auto; width: 阅读全文
posted @ 2026-07-09 08:25 StarByte 阅读(9) 评论(0) 推荐(0)
随堂笔记2
摘要：1.CSS层叠样式表 Cascading Style sheet 美化页面的作用 如何把样式联系到主文件里 2.javascript作用：页面交互 3.html主文件：框架结构的作用 二、用js实时显示系统时间 实时系统时间显示 当前系统时间 三、快捷键 1.预览Ctrl+R 阅读全文
posted @ 2026-07-09 08:21 StarByte 阅读(7) 评论(0) 推荐(0)
随堂笔记
摘要：一、插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则：在保证成像质量的情况下，文件大小越小越好 常见的图片格式有：jpeg、gif和png 最新的2种：svg、webp gif：支持动画显示 png：支持透明背景 jpeg或jpg：颜色丰富 插入图片的格式： 属性 阅读全文
posted @ 2026-07-09 08:18 StarByte 阅读(15) 评论(0) 推荐(0)
5月6日随堂笔记
摘要：一、布局的原则 先分大块，再分小块；先横再竖 二、几个1→n的问题 1.文本折叠 （1）单行折叠 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; （2）多行折叠 display: -webkit-box; -webkit 阅读全文
posted @ 2026-07-09 08:15 StarByte 阅读(7) 评论(0) 推荐(0)