自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 温习 数组

【代码】温习 数组。

2025-10-24 11:55:10 85

原创 html,js

【代码】html,js。

2025-09-19 11:56:32 106

原创 python while循环

【代码】python while循环。

2025-09-19 09:45:21 116

原创 前端开发js

</script> 引入外部<script>

2025-09-12 11:57:17 140

原创 PHP基础语法

index default 例如:index.php default.php index.html default.html。- 程序:html(网页) java(java) py(python) php(php 程序)4种标记-- 最基础通俗 <?========PHP基础语法2025.9.3=========注意:创建PHP文件的时候 关于文件的名称 是有要求。a 123 整型 int (长-短)- 通过修改文件的扩展名来创建PHP文件。a vs code(推荐)- 通过软件来创建PHP文件。

2025-09-03 15:35:59 166 1

原创 阿里图标1

在html中引入javascript(.js)代码。

2025-06-26 15:20:55 84

原创 flex布局实训

【代码】11111。

2025-06-19 15:37:54 109

原创 flex布局缩放

order:给项目排顺序:值越小越靠前,取整数,默认值为0,可以为负数。n:单独一个项目设置时放大的比列为n。默认值为1,表示等比列缩小。

2025-06-19 15:17:57 166

原创 3d照片墙

【代码】3d照片墙。

2025-06-18 20:44:40 125

原创 flex布局

5.space-around:在交叉轴上环绕对齐、拉手对齐。主轴、交叉轴、主轴的开始、主轴的结束、交叉轴的开始、交叉轴的结束。4.space-between:在交叉轴上两端对齐。1.flex-start:从主轴的开始位置对齐。3.center:沿主轴的中线对齐(居中对齐)1.flex-start:沿交叉轴的开始位置对齐。1.flex-start:沿交叉轴的开始位置对齐。2.flex-end:从主轴的结束位置对齐。2.flex-end:沿交叉轴的结束位置对齐。2.flex-end:沿交叉轴的结束位置对齐。

2025-06-16 11:56:28 203

原创 3D空间效果

transform-origin:元素转换的轴线top上 bottom下。perspective:透视,值越大,表示视距越远,则成像越小。transform-style:开启3D空间效果。

2025-06-12 15:38:49 192

原创 动画-关键帧、轮播图

animation:动画名称 持续时间 次数(infinite无限的)/* 动画开始的状态 *//* 动画结束的状态 */@keyframes dh(名字){

2025-06-05 14:51:16 203

原创 过渡-转换

速度曲线:ease(默认值,慢-快-慢) linear(匀速)过渡 transition:过渡的属性 过渡花费的时间 过渡的速度曲线 延迟时间;1.位移translate:x轴位移,y轴位移。all: 全部,所有。3.旋转rotate(deg度)正数:从左往右/从上往下。负数:从右往左/从下往上。4.倾斜skew(deg度)伪类:hover 鼠标悬停。转换:transform。

2025-05-22 15:31:56 185

原创 html音频

【代码】html音频。

2025-05-22 14:05:12 109

原创 问卷星网页

li li$9表单标签写中间。

2025-05-15 15:38:05 155

原创 背景图片gogogo

background-repeat:设置背景图片重复 repeat(重复,默认值),no-repeat(不重复),repeat-x(水平方向重复),repeat—y(垂直方向重复)颜色表示方式:颜色单词,#6个十六进制数,rgb(0~055,0~055,0~055,0~1(透明值))background-attachment:背景固定,fixed(固定)/scroll(滚动,默认值)background-image: url("img/p.webp"):插入背景图片,url地址。复合写法(顺序不改变)

2025-05-15 15:18:23 226

原创 网页首页布局qq音乐

【代码】网页首页布局。

2025-05-08 00:16:59 333

原创 五一作业111

snipaste 截图工具。

2025-04-29 20:35:56 143

原创 定位 大相小绝

2.绝对定位absolute:参照有定位的父盒子进行偏移,如果父盒子都没有定位,最终参照body。1.相对定位relative:相对自己原先的位置进行偏移。注意:绝对定位的盒子会脱离标准流(脱标)!3.固定定位fixed。大相小绝/子绝父相。定位:定位模式+边偏移。

2025-04-24 15:38:17 307

原创 浮动 清除浮动

显示模式为块元素block。*:【标签名】.类名【¥】*个数>Tab。float: left 浮动:左。float: right 浮动:右。浮动的盒子会导致标签脱标(脱离标准流)传统的网页布局:标准流+浮动+定位。标准流:按照标签的显示模式进行排列。after伪元素:在...后面。.box*4 按tap。,能让块级元素在一行内显示。给父元素添加双伪元素 */

2025-04-21 11:58:05 336

原创 html课堂实训

【代码】html课堂实训。

2025-04-17 18:36:39 128

原创 盒子模型

解决方法3:给父盒子添加代码overflow: hidden;2.嵌套盒子垂直方向外边距塌陷:嵌套的盒子都给外边距的情况下,最终会塌陷为一个外边距的值(最大的)1.相邻盒子垂直外边距合并:相邻的盒子都给外边距的情况下,最终只取其中最大外边距的值。解决方法2:给父盒子设内边距,但是会导致父盒子被撑大。给盒子设置水平居中 1.盒子有大小,2.给盒子的左右外边距设置为auto。初始化所有标签的内外边距,一般书写在样式的第一行。padding:内边距,margin:外边距。解决:一般只给其中一个盒子设置外边距。

2025-04-07 11:59:04 166

原创 css 盒子模型

边框border:粗细 线条样式(solid实线,点线dotte,虚线dashed)盒子模型:内容content,边框border,内边距padding。top上 bottom下 left左 right右。padding:填充,内容到边框的距离。注意:标准盒子模型使用填充会撑大盒子。

2025-04-03 15:28:28 170

原创 css选择器

2.类选择器:在开始标签中用class属性添加类名,在样式中用“.类名”选择对应类的标签。3.ID选择器:在开始标签中用id属性添加id名字,在样式中用“#id”名选中对应的标签。1.标签选择器 标签名,会选中当前页中所有的标签。id选择器:100元。

2025-03-27 15:40:06 173

原创 web css 样式引入

link rel="stylesheet" href="css/文件名.css"/>关联样式。3.外部样式:在css文件夹中新建css文件,样式写在.css文件中,在.html中通过。2.内部样式:在head标签中加入style标签,样式写在style标签中。color:修改字体颜色、font-size:修改字体大小(px:像素)<link rel="stylesheet" href="css/地址"/>写法style="属性1:值1;style标签中:找到修改的标签{属性:值;css:用来美化网页。

2025-03-24 11:59:33 286

原创 表单标签

127.0.0.1:回环地址(cmd输入ping 127、、、)input type="radio":选择。form:表单域(form包起来的区域)表单标签:输入input、选择、文本域。type=password:掩码输入。password改text掩码变实。type=checkbox:复选框。表单:表单域、表单标签、提示信息。type=reset:重置按钮。type=text:文本输入。type=submit:提交。value:更改默认文字。textarea:文本域。

2025-03-20 15:33:41 200

原创 列表标签和表格标签

cellspacing:两个单元格之间的空间距离,一般设置为0。cellpadding:表格内的填充值,文字到边框的距离。td:table data 数据单元格。th:table head 表头。tr:table row 行。ul:无序标签(前面小黑点)ol:有序标签(自动加序号)dt:自定义列表的标题。

2025-03-13 15:30:50 164

原创 基础标签学习

img src:图片显示。

2025-03-10 11:57:56 102

原创 二学web网页

上</span><sup>上</sup><!<span>下下天青色等阴雨

2025-03-06 15:28:58 153

原创 初学网页制作

<!--网页头部:包含网页标题和元数据--><title>开</title><!--声明文档类型--></body> <!-- 网页主体部分结束 --> 网页标题

2025-02-27 15:38:06 191

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除