清禾念 - 博客园

2026年4月30日

摘要：单行折行正常单行自动折行文本宽度超出容器自动换行 .text { word-break: normal; white-space: normal; } 单行禁止折行不换行，超出部分溢出 .text-nowrap { white-space: nowrap; } 单行禁止折行 + 超出省略号 . 阅读全文

posted @ 2026-04-30 09:32 清禾念阅读(11) 评论(0) 推荐(0)

1.垂直居中：单行文本垂直居中（行高方法）、单行多行固定高度文本垂直居中（flex方法）、单行多行适用不固定高度（padding方法）

摘要：单行文本垂直居中（行高方法）原理:让line—height等于元素自身的height，单行文字自动垂直居中。标准代码 .text_box{ height:50px /盒子高度/ line-height:50px /行高=高度，实现单行垂直居中/ } 搭配水平居中 text-box { width 阅读全文

posted @ 2026-04-30 09:27 清禾念阅读(15) 评论(0) 推荐(0)

2026年4月26日

第八周课堂

摘要：相册 </div> <div class="main"> <div class="left"> </div> <div class="right"> <div class="rightTop"> <div class="rightToPLeft"> <div class="rightToPLeftT 阅读全文

posted @ 2026-04-26 13:31 清禾念阅读(4) 评论(0) 推荐(0)

2026年4月19日

第7周web前端课堂代码

摘要：验证文档流的显示顺序阅读全文

posted @ 2026-04-19 20:22 清禾念阅读(4) 评论(0) 推荐(0)

2026年4月14日

4月9日web前端代码

摘要： DIV布局标题列表 DIV 阅读全文

posted @ 2026-04-14 07:49 清禾念阅读(5) 评论(0) 推荐(0)

2026年4月6日

4月2日课上程序

摘要：空链接内部链接外部链接锚记电子邮件点我下载 JS交互 JS交互阅读全文

posted @ 2026-04-06 22:43 清禾念阅读(7) 评论(0) 推荐(0)

2026年3月29日

3月26日web前端课堂笔记

摘要：一.插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片格式选择:在保证成像质量的情况下,文件越小越好常见的图片格式有:JPEG，GIF，png 最新的两种:svg，webp gif:支持动画显示 png:支持透明背景 jpeg和jpg:颜色丰富插入图片的格式 <img src 阅读全文

posted @ 2026-03-29 19:19 清禾念阅读(2) 评论(0) 推荐(0)

2026年3月20日

3月19日web课堂笔记

摘要：一.脉络梳理 1.新建项目,项目名称mySIte,路径D盘根目录下 2.新建样式文件,名称style.css,并通过外部引入到主页中, 3.主页中，插入标题一、标题二和一个段落，内容自拟 4.设置页面背景色为淡蓝色,标题一和标题二文本颜色为橙色,段落文本颜色为红色 5.新建子页,子页背景色和主页背景阅读全文

posted @ 2026-03-20 18:16 清禾念阅读(4) 评论(0) 推荐(0)

2026年3月18日

3月16日web前段课堂讲解

摘要： html不区分大小写，有大小写是为了增加阅读性 html中什么是标签：带尖括号的 ·标签成对出现，中间包裹内容 ·<>里面放英文字母(标签名) ·结束标签比开始标签多/ 双标签：成对出现的标签，要包裹内容的一定是双标签 <title>欢迎来到我的主页</title> </head> <body> 阅读全文

posted @ 2026-03-18 19:02 清禾念阅读(5) 评论(0) 推荐(0)

2026年3月15日

3月12日web前端开发

摘要：一.测试 1.基本的HTML5格式是什么？ 2.链接外部样式文件的格式 3.链接外部js脚本的格式阅读全文

posted @ 2026-03-15 13:52 清禾念阅读(4) 评论(0) 推荐(0)

公告