Yyy1128

2026年4月30日

摘要：文本折行：文字宽度超过盒子宽度，自动换到下一行。省略号 ... ：文字太多不想折行/不想显示多行，超出部分隐藏，末尾变成三个点。 1.单行文本省略核心就是强制不折行 + 超出隐藏 + 省略号： 2.多行文本折行：文字超出盒子宽度，自动换行变成好几行。点击查看代码 <!DOCTYPE html> 阅读全文

posted @ 2026-04-30 09:25 Yyy1128 阅读(4) 评论(0) 推荐(0)

垂直居中

摘要： Flex 布局（现在开发 90% 场景都用它）这是最简单、兼容性最好、支持单行/多行文本的方案，()。核心原理：给父容器开启 display: flex ，再用 align-items: center 控制子元素在交叉轴（垂直方向）居中。点击查看代码 <!DOCTYPE html> <htm 阅读全文

posted @ 2026-04-30 09:21 Yyy1128 阅读(10) 评论(0) 推荐(0)

2026年4月22日

方式3

摘要：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文

posted @ 2026-04-22 17:09 Yyy1128 阅读(8) 评论(1) 推荐(1)

方式2

摘要：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文

posted @ 2026-04-22 17:08 Yyy1128 阅读(6) 评论(1) 推荐(1)

三种表达方式1

摘要：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文

posted @ 2026-04-22 17:08 Yyy1128 阅读(9) 评论(1) 推荐(1)

2026年4月17日

制作加笔记

摘要：点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>课后作业</title> <style type="text/css"> /**{margin: 0; padding: 0;}*/ /*把所有元素内外边距消零*/ 阅读全文

posted @ 2026-04-17 17:05 Yyy1128 阅读(7) 评论(1) 推荐(1)

2026年4月12日

布局

摘要：点击查看代码 T型布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>T型布局</title> <style type="text/css"> .top{ margin: 0 auto; width:1000px ; heig 阅读全文

posted @ 2026-04-12 18:52 Yyy1128 阅读(11) 评论(1) 推荐(1)

2026年4月9日

4月9日

摘要： 4月9日一、本身并没有什么意义，可以当作普通的元素，在CSS和JavaScript调用二、(1)行内元素：、、、、 (2)块级元素：、、、、 (3)空元素：、、三、如何设计元素之间的转换 (1）、display:block转为块元素。独占一行，行宽高、外边距、内边距都可以设置 (2）、阅读全文

posted @ 2026-04-09 19:19 Yyy1128 阅读(5) 评论(1) 推荐(1)

2026年4月2日

关于Web

摘要：我将以第一人称“我”作为Web初学者的视角，完整梳理学习心路、基础学习内容、遇到的困境与坚持的意义，把控字数在900字左右，情感真挚且贴合新手真实状态，语言平实又有激励感。我的Web初学之路作为一名刚刚踏入Web开发领域的初学者，我曾对这个充满代码与创意的世界充满好奇，却也在初识之时，被密密麻麻阅读全文

posted @ 2026-04-02 18:45 Yyy1128 阅读(5) 评论(1) 推荐(1)

2026年3月28日

课程

摘要： 3月26 <h1 alian='center'>标题<h1> 居中一、无序列表：ul 二、图像标记（插入图片） Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则：在保证成片质量的情况下文件大小越小越好 3.常见的图片格式有：jpeg、gif和png 最新的两种：sv 阅读全文

posted @ 2026-03-28 14:06 Yyy1128 阅读(5) 评论(1) 推荐(1)

公告