自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端初体验——css3D变形练习1:奥运五环

通过调整每个环在3D层面的旋转度来实现嵌套效果。

2024-08-29 13:56:15 30

原创 前端初体验——css 变形 学习

skew(xAngle [,yAngle]) 元素沿着X轴倾斜xAngle角度 元素沿着Y轴倾斜yAngle角度 yAngle可以省略如果省略y=0。元素沿x轴的缩放比为sx 元素沿y轴的缩放比为sy sy可以省略。沿着x轴移动tx距离 沿y轴移动ty距离 沿着z轴移动tz距离。沿x轴的缩放比为sx 沿y轴的缩放比为sy 沿z轴的缩放比为sz。translate(tx[,ty])沿着x轴移动tx距离 沿y轴移动ty距离 ty可以省略。

2024-08-29 13:53:07 88

原创 前端初体验——css动画练习2:水滴变形

水滴的构建使用的是: 传入八个参数可使其进行椭圆边变化,使形状更多样。

2024-08-29 13:42:18 22

原创 前端初体验——css动画练习1:发光字牌动画

【代码】前端初体验——css动画练习1:发光字牌动画。

2024-08-29 13:39:26 23

原创 前端初体验——css 动画 学习

keyframes+动画的namefrom|to|百分比{属性1:值;属性2:值;.......from | to | 百分比是动画过程中的位置。50%{100%{

2024-08-29 13:23:04 163

原创 前端初体验——css 盒子模型 学习

默认该元素无论放不放的下子元素都横着布局。特点:独占一行 对宽度高度支持。特点:不独占一行 对宽度高度不支持。特点:不独占一行 对宽度高度支持。例如:div h1~h6。例如:img input。

2024-08-29 13:05:36 43

原创 前端初体验——css 布局 学习

①要使元素均分父级,需要计算空隙大小,且不一定能够均分。①要使元素均分父级,需要计算空隙大小,且不一定能够均分。space-arround 代表空白均匀的放到行的上下两侧。space-between 代表空白均匀的放到行和行中间。②元素之间的间距均分,需要计算且不易的能够均分。②元素之间的间距均分,需要计算且不易的能够均分。space-evenly 代表空白均匀的放到各个间隙。space-between 代表空白均匀的放到。space-evenly 代表空白均匀的放到。

2024-08-29 11:40:17 515

原创 前端初体验——css 样式补充 学习

代表固定模式 不随浏览器的滚动而滚动 会释放掉自己原来的空间调整位置时参考物为整个浏览器 left right 距窗口边缘的举例。与定位配套的方位属性 left right bottom top 定位的其取值不能为static 其余皆可。代表相对模式 随浏览器的滚动而滚动 不会释放掉自己原来的空间 调整位置时参考物为原来的位置。代表绝对模式 随浏览器的滚动而滚动 会释放掉自己原来的空间 调整位置时参考物为整个浏览器。子集随浏览器的滚动而滚动 会释放掉原来的空间 调整的参考物为父级元素。

2024-08-29 10:22:06 471

原创 前端初体验——css样式 选择器学习

是‌(Cascading Style Sheets)层叠级联样式单,是一种用来表现HTML文件样式的计算机语言。有时候我们会发现 在浏览器中显示的元素并没有分段 为很长的一行 可以使用以下方法把。此中n可以是1 2 3 4...可以是odd也可以是even 也可以是表达式。first-of-type last-of-type 依然适合首尾元素查找。第一个:nth-child(1) = first-child。倒叙为 nth-last-of-type(n)倒叙 nth-last-child(n)

2024-08-29 00:05:53 398

原创 前端初体验——html基础学习

当在‌VScode中编辑‌html、‌CSS或Javascript文件并保存更改时,Live Server会自动在浏览器中刷新页面,让开发者立即看到最新的变化。表兄弟关系 (当前文件所在文件夹和图片资源所在文件夹在同一个文件夹) ../img/PIC.jpg。,通过定义网页内容的结构和表现形式,告诉浏览器如何显示网页上的文本、图片、链接等元素。兄弟关系 (当前文件和图片资源在同一个文件夹) 直接访问src="name""<title></title>"内设置我html文件标签页的名称。

2024-08-28 23:06:30 510

空空如也

空空如也

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

TA关注的人

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