摘要: 行高 line-height 方法 适用场景 单行文本 + 容器固定高度 我是单行文本,用 line-height 垂直居中 原理:单行文字的行高 = 盒子高度,文字会自动垂直居中 必须条件:只能单行、必须固定高度 优点:最简单、兼容性最好 缺点:多行文字会直接错乱溢出 2. Flex 布局方法(最 阅读全文
posted @ 2026-04-30 09:33 遗夕晴 阅读(17) 评论(0) 推荐(0)
摘要: 一、行高(line-height)法 适用场景 仅限:单行文本 + 容器固定高度最经典、最简单的单行居中方案。 原理 让 line-height = 容器高度,单行文字会自动垂直居中。 代码示例 html 预览 单行文本垂直居中 优缺点 ✅ 优点:简单、兼容性极好(支持 IE 等老浏览器)❌ 缺点: 阅读全文
posted @ 2026-04-30 09:28 遗夕晴 阅读(8) 评论(0) 推荐(0)
摘要: // 1 let a=0 for(let b=1;b 2 let a=0 for(let b=2;b<101;b+=2){ a+=b document.write(a)/ 3 let a=(2+100)*50/2 document.write(a) </script> </body> 阅读全文
posted @ 2026-04-19 22:53 遗夕晴 阅读(5) 评论(0) 推荐(0)
摘要: 一、插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则:在保证成像质量的情况下,文件大小越小越好 常见的图片格式有:jpeg、gif和png 最新的2种:svg、webp gif:支持动画显示 png:支持透明背景 jpeg或jpg:颜色丰富 插入图片的格式: <i 阅读全文
posted @ 2026-03-29 22:18 遗夕晴 阅读(3) 评论(0) 推荐(0)
摘要: 3.19日 一、脉络梳理 ​ 1、新建项目,项目名称mySite, 路径D盘根目录 ​ 2、新建样式文件,名称为style.css,并通过外部引入主页中 ​ 3、主页中插入标题一、标题二和一个段落 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" 阅读全文
posted @ 2026-03-22 23:05 遗夕晴 阅读(1) 评论(0) 推荐(0)
摘要: js嵌套 新建html文件,再新建js文件(js文件不需要标签,直接alert(。。。)) 保存js再在html文件嵌套。 输出输入语句 alert()为输出语句, var a=2 多行注释ctrl+/ +起链接符的作用 转移字符:\n(换行)只适用于alert 表达式 3+2=5 +两个作用 1, 阅读全文
posted @ 2026-03-18 20:51 遗夕晴 阅读(1) 评论(0) 推荐(0)
摘要: 一,测试 1,基本的HTML5格式是什么 基本包括文档声明,跟标签,头部,和主体, 2.链接外部样式文件的格式 使用标签中引入外部CSS文件 点击查看代码 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title 阅读全文
posted @ 2026-03-15 21:10 遗夕晴 阅读(1) 评论(0) 推荐(0)
摘要: 一、html、css和js三者在页面中的作用是什么 1.CSS层叠样式表 Cascading Style sheet 美化页面的作用 如何把样式联系到主文件里 点击查看代码 <link rel="stylesheet" type="text/css" href="css/style01.css"/> 阅读全文
posted @ 2026-03-12 07:15 遗夕晴 阅读(3) 评论(0) 推荐(0)