2026年7月
随堂笔记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)
2026年6月
6.25 随堂笔记（一）
摘要： .container{ display: flex; //让内部子盒子横向并排； height: 48px; //设置整个彩色长条总高度为 48 像素; } div[class^=item]{ flex: 1; //让 6 个色块平均分配父容器宽度，宽度全部相等; } .num{ width: 24 阅读全文
posted @ 2026-06-25 09:01 StarByte 阅读(8) 评论(0) 推荐(0)
2026年4月
文本折行：单行折行、指定行数折行
摘要： 文本折行：单行折行、指定行数折行 阅读全文
posted @ 2026-04-30 09:38 StarByte 阅读(9) 评论(0) 推荐(0)
2026年3月
笔记
摘要： 一、脉络梳理 1.新建项目，项目名称mySite，路径D盘根目录下。 D盘根目录/ └── mySite/ ├── index.html （主页） ├── subpage.html （子页） └── style.css （样式文件） 2.新建样式文件，名称为style.css，并通过外部引入到主页中 阅读全文
posted @ 2026-03-22 20:49 StarByte 阅读(16) 评论(0) 推荐(0)
HTML5标签
摘要： 摘要： 整理了 HTML5 最常用的标签体系，包含基础结构、语义化标签、文本与多媒体、表单等核心知识点。 适合前端初学者快速入门，也适合作为日常开发的速查手册。 💡 关键说明： ：必须放在第一行，声明这是 HTML5 文档。 ：根元素，包裹所有内容。 ：存放页面元信息（编码、视口、标题等），用户不 阅读全文
posted @ 2026-03-22 20:20 StarByte 阅读(12) 评论(0) 推荐(0)