理理理理理理理理

弹性盒子

摘要：一、弹性盒子一般命名父元素：弹性容器（flex container）子元素：弹性项目（flex item）只要父元素设置 display: flex ，所有直系子元素自动变成弹性项目。二、开启弹性布局给父容器开启弹性特点子元素默认横向排列子元素默认不换行，自动压缩行内块、块级标签全阅读全文

posted @ 2026-07-06 10:37 理理理理理理理理阅读(2) 评论(0) 推荐(0)

Web文本折行笔记

摘要：一、单行文本折行（强制单行 + 溢出处理）方法解释核心原理：通过white-space: nowrap强制文本在一行内显示，不自动换行；搭配溢出隐藏和省略号属性，解决文本超出容器宽度的显示问题，实现单行不折行、超出显示省略号的效果，是前端最常用的单行文本处理方式。适用场景导航栏菜单、按钮文字阅读全文

posted @ 2026-07-06 10:36 理理理理理理理理阅读(3) 评论(0) 推荐(0)

垂直居中

摘要：一、单行文本垂直居中（行高 line-height 法）方法解释：核心原理：将元素行高（line-height）设置为和元素自身高度（height）相等，单行文本会自动在元素内垂直居中，仅适用于单行文本，是最经典、兼容性最好的单行文本垂直居中方式。适用场景：按钮、导航栏、单行标题等固定高阅读全文

posted @ 2026-07-06 10:34 理理理理理理理理阅读(6) 评论(0) 推荐(0)

课堂随笔

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

posted @ 2026-07-06 10:31 理理理理理理理理阅读(3) 评论(0) 推荐(0)

课上作业

摘要： custom-list { list-style: none; /* 移除默认的列表样式 / counter-reset: my-counter; / 初始化计数器 */ } .custom-list li { counter-increment: my-counter; /* 每次出现li时增加计阅读全文

posted @ 2026-07-06 10:29 理理理理理理理理阅读(3) 评论(0) 推荐(0)

Web笔记

摘要：开始一、脉络梳理 1、新建项目，项目名称 mySite，路径D盘根目录 2、新建样式文件，名称为 style.css，并通过外部引入主页中 3、主页中插入标题一、标题二和一个段落 html 4、设置页面背景色·1为淡蓝色，标题一和标题二为橙色段落颜色为红色 *CSS bodyt back 阅读全文

posted @ 2026-07-06 10:25 理理理理理理理理阅读(3) 评论(0) 推荐(0)

课堂作业

摘要：一、标签不区分大小写大小写仅为增加可阅读性二、HTML标记 1.带<>称为HTML标记、标签 2.标签分为单标签和双标签 3.定义选项卡的内容后面写内容 5. 插入一条水平线 6.align 对齐 7.hidden隐藏阅读全文

posted @ 2026-07-06 10:21 理理理理理理理理阅读(3) 评论(0) 推荐(0)

新的学习内容

摘要： body{ background-color: #0000ff; } <html> <head>  <meta charset="UTF-8"> <meta charset="GB2312"/>  <meta name="Keywords" cont 阅读全文

posted @ 2026-03-23 09:02 理理理理理理理理阅读(10) 评论(0) 推荐(0)

第一次作业

摘要：课堂笔记 1.基本的HTML格式 <head> <meta charset="UTF-8"> <title></title> <script src='2.js'></script> </head> <body> </body> 2.链接外部样式文件的格式 3.链接外部js脚本的格式 3月9日一、阅读全文

posted @ 2026-03-15 18:00 理理理理理理理理阅读(7) 评论(0) 推荐(0)

3x7c2r9-2-3

公告