Rr^-^ - 博客园

2026年7月

摘要： flex-start：交叉轴的起点对齐。 flex-end：交叉轴的终点对齐。 center：交叉轴的中点对齐。 baseline：项目的第一行文字的基线对齐。 stretch（默认值）：如果项目未设置高度或设为auto，将占满整个容器的高度。阅读全文

posted @ 2026-07-08 08:11 Rr^-^ 阅读(4) 评论(0) 推荐(0)

7.1

摘要： Web笔记文字识别结果新建web项目包含三个文件夹：(css, js, img) 一个文件：index.html css 文件夹作用：美化页面操作：把，在该位置输入 l+两空格恢复重点代码： js 文件夹作用：实现页面交互操作：把，在该位置输入 s+三空格恢复重点代码：文件阅读全文

posted @ 2026-07-08 08:06 Rr^-^ 阅读(4) 评论(0) 推荐(0)

2026年6月

6.26

摘要： 6.26 一。弹性盒子 1.for值和id值要一致 2.复选框的name值要相同 3.按钮用button 4.细线表格的制作 table{ border：1px solid red; border-collapse:collapse; } th,td{ border:1px solid red; } 阅读全文

posted @ 2026-06-26 16:10 Rr^-^ 阅读(6) 评论(0) 推荐(0)

6.24

摘要：盒模型的外三层结构 div.son{ margin: 0 auto; width: 400px; height: 400px; background-color: yellow; padding: 140px 60px; /*font-size: 72px;*/ /*text-align:cente 阅读全文

posted @ 2026-06-26 15:46 Rr^-^ 阅读(6) 评论(0) 推荐(0)

2026年5月

5.29

摘要： 5.29 1.发邮件：mailto 脚本：javascript 2.图片之间缝隙变没有方法一：display:block; float:left; 方法二：margin:-3px; 阅读全文

posted @ 2026-05-29 15:50 Rr^-^ 阅读(6) 评论(0) 推荐(0)

5.27

摘要： 5.27 1.translate()2D位移：语法格式： selector{ transform：translate(X，Y); 或者只有一个X } 阅读全文

posted @ 2026-05-29 14:02 Rr^-^ 阅读(6) 评论(0) 推荐(0)

5.20

摘要： 5.20 1.css页面的三种布局机制：标准流，浮动，定位 2.position属性值（课本174） relative absolute fixed 3.子级在父集中可以定位到任意位置如若没有父级和子级横纵坐标是相对于浏览器界面来说横纵坐标可以取负数 4.固定位置阅读全文

posted @ 2026-05-20 09:47 Rr^-^ 阅读(7) 评论(0) 推荐(0)

5.15

摘要： 1.background-image:url();背景图片 background-repeat:repeat-x;背景图片重复 background-position:left bottom；背景图片的位置，分为水平和垂直两个方向 background-attachment:fixed;背景的固定阅读全文

posted @ 2026-05-20 09:47 Rr^-^ 阅读(4) 评论(0) 推荐(0)

2026年4月

4.24和4.29

摘要： 4.24和4.29笔记一.css样式规则：选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；} 二.引入样式表的方式： 1.行内式： <标记名 style属性1：属性值1；属性2：属性值2；属性3：属性值3；>内容</标记名> 2.内嵌式： <head> <style type="t 阅读全文

posted @ 2026-04-29 09:44 Rr^-^ 阅读(7) 评论(0) 推荐(0)

4.17

摘要： 4,17 1.div的padding，border，margin为0 2.padding注意：上下一样，左右一样后面通常跟两个参数，第一个为上下，第二个为左右 3.多行文本的垂直居中，可以使用padding设置相同的上下边距来实现阅读全文

posted @ 2026-04-22 07:56 Rr^-^ 阅读(8) 评论(0) 推荐(0)

公告