摘要: 代码 运行如下 阅读全文
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)
摘要: 1.单行折叠 2. 分析 display: -webkit-box; 开启 WebKit 内核浏览器(Chrome、Safari、新版 Edge 等)的旧版弹性盒模型。 这是实现「多行文本省略」的核心开关,只有开启这个,后面的 -webkit-line-clamp 才会生效。 注意:-webkit- 阅读全文
posted @ 2026-04-30 09:38 高冷的生煎包 阅读(18) 评论(0) 推荐(2)
摘要: 1.单行文本垂直居中行高方法 2.单行多行固定高度文本垂直居中(flex方法) 3.多行文本适用不固定高度方法 4.总结 阅读全文
posted @ 2026-04-30 09:22 高冷的生煎包 阅读(23) 评论(0) 推荐(2)
摘要: 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)
摘要: 一、分析DIV布局 {margin:0;padding: 0;} 1.margin:0; :清除默认外边距 margin(外边距):元素外部的空白距离,用来控制元素和元素之间的间距。 margin:0; 就是把所有元素的默认外边距全部清零,让你能完全自己控制元素间距。 2.padding:0; :清 阅读全文
posted @ 2026-04-11 23:19 高冷的生煎包 阅读(15) 评论(0) 推荐(0)
摘要: 一·<hn></hn> n从1~6依次减小 一级标题(最大)<h1></h1> 六级标题(最小)<h6></h6> <p>是HTML中的段落标签,用来表示一段文字 二·有序列表与无序列表 ol有序列表 ul无序列表 例如 运行 三·插入图片 阅读全文
posted @ 2026-03-28 14:07 高冷的生煎包 阅读(7) 评论(0) 推荐(0)
摘要: 一. 答案 第小五问的答案,新建子页然后link两次回车就可以了,预览一下和主页背景颜色一致 二. &nbsp为空格 <html> 阅读全文
posted @ 2026-03-22 11:03 高冷的生煎包 阅读(13) 评论(0) 推荐(2)
摘要: 1.基本的HTML5格式是 2.链接外部样式文件的格式 3.链接外部js脚本的格式 4.标签 ①双标签:成对 开始标签<> 结束标签</> ②单标签:一个 5.一个标准的HTML5文档结构: html 包裹 head(内容) 和 body(内容) , head 里放元信息和样式, body 里放页面 阅读全文
posted @ 2026-03-13 19:51 高冷的生煎包 阅读(25) 评论(1) 推荐(5)
摘要: 一.今天学习了HTML,CSS,JS三者在页面中的作用 1.HTML: HyperText Markup Language(HTML)= 用标签来写、可以点链接的超文本网页语言。 HTML主文件:框架结构的作用(决定网页有什么) HTML 主文件框架结构,就是网页的基本骨架,用来规范、承载和展示网页 阅读全文
posted @ 2026-03-09 18:08 高冷的生煎包 阅读(28) 评论(0) 推荐(5)