2026年6月25日
flex弹性盒子多色分栏布局（带数字）
摘要： 代码 运行如下 阅读全文
posted @ 2026-06-25 16:21 高冷的生煎包 阅读(2) 评论(0) 推荐(1)
制作圆
摘要： 代码 解释： 1.border-radius: 50%; 圆角 50%，正方形盒子直接变成圆形。 2.text-align: center; 内部文字水平居中。 line-height: 200px; 行高等于盒子高度，文字垂直居中（单行文字专用居中方法）。 运行 3.如果去掉border-radi 阅读全文
posted @ 2026-06-25 08:58 高冷的生煎包 阅读(8) 评论(0) 推荐(2)
2026年4月30日
文本折行：单行折行、指定行数折行
摘要： 1.单行折叠 2. 分析 display: -webkit-box; 开启 WebKit 内核浏览器（Chrome、Safari、新版 Edge 等）的旧版弹性盒模型。 这是实现「多行文本省略」的核心开关，只有开启这个，后面的 -webkit-line-clamp 才会生效。 注意：-webkit- 阅读全文
posted @ 2026-04-30 09:38 高冷的生煎包 阅读(18) 评论(0) 推荐(2)
垂直居中：单行文本垂直居中（行高方法）、单行多行固定高度文本垂直居中（flex方法）、单行多行适用不固定高度（padding方法）
摘要： 1.单行文本垂直居中行高方法 2.单行多行固定高度文本垂直居中(flex方法) 3.多行文本适用不固定高度方法 4.总结 阅读全文
posted @ 2026-04-30 09:22 高冷的生煎包 阅读(23) 评论(0) 推荐(2)
2026年4月18日
T型布局和口型布局
摘要： T型布局 1.margin: 0;：清除所有元素的默认外边距，padding: 0;：清除所有元素的默认内边距。 2.margin: 0 auto;：上下外边距为 0，左右外边距自动计算，让这个元素在页面中水平居中。 3.border:10px solid black;：意思是给元素加 10px 的 阅读全文
posted @ 2026-04-18 23:43 高冷的生煎包 阅读(9) 评论(0) 推荐(0)
2026年4月11日
DIV布局笔记
摘要： 一、分析DIV布局 {margin:0;padding: 0;} 1.margin:0; ：清除默认外边距 margin（外边距）：元素外部的空白距离，用来控制元素和元素之间的间距。 margin:0; 就是把所有元素的默认外边距全部清零，让你能完全自己控制元素间距。 2.padding:0; ：清 阅读全文
posted @ 2026-04-11 23:19 高冷的生煎包 阅读(15) 评论(0) 推荐(0)
2026年3月28日
3.26web前端开发技术笔记
摘要： 一·<hn></hn> n从1~6依次减小 一级标题（最大)<h1></h1> 六级标题（最小）<h6></h6> <p>是HTML中的段落标签，用来表示一段文字 二·有序列表与无序列表 ol有序列表 ul无序列表 例如 运行 三·插入图片 阅读全文
posted @ 2026-03-28 14:07 高冷的生煎包 阅读(7) 评论(0) 推荐(0)
2026年3月22日
3.19web前端开发技术笔记
摘要： 一. 答案 第小五问的答案，新建子页然后link两次回车就可以了，预览一下和主页背景颜色一致 二. &nbsp为空格 <html> 阅读全文
posted @ 2026-03-22 11:03 高冷的生煎包 阅读(13) 评论(0) 推荐(2)
2026年3月13日
3.12web前端开发技术笔记
摘要： 1.基本的HTML5格式是 2.链接外部样式文件的格式 3.链接外部js脚本的格式 4.标签 ①双标签:成对 开始标签<> 结束标签</> ②单标签:一个 5.一个标准的HTML5文档结构： html 包裹 head(内容) 和 body(内容) ， head 里放元信息和样式， body 里放页面 阅读全文
posted @ 2026-03-13 19:51 高冷的生煎包 阅读(25) 评论(1) 推荐(5)
2026年3月9日
3.9web前端开发技术笔记
摘要： 一.今天学习了HTML,CSS,JS三者在页面中的作用 1.HTML: HyperText Markup Language(HTML)= 用标签来写、可以点链接的超文本网页语言。 HTML主文件:框架结构的作用(决定网页有什么) HTML 主文件框架结构，就是网页的基本骨架，用来规范、承载和展示网页 阅读全文
posted @ 2026-03-09 18:08 高冷的生煎包 阅读(28) 评论(0) 推荐(5)