爱吃代码的羊-优快云博客

原创 JavaScript入门介绍

JavaScript 是一种轻量级的解释型编程语言，主要用于在网页上实现动态交互效果。它最初由 Netscape 公司开发，现已成为 Web 开发的核心技术之一。JavaScript 可以直接嵌入 HTML 中，通过浏览器执行，无需编译。JavaScript 是一种功能强大且灵活的编程语言，广泛应用于 Web 开发。通过掌握其基本语法、数据类型、控制结构、函数、事件处理、DOM 操作和异步编程，可以构建出丰富的交互式网页应用。

2025-05-20 08:54:51 164

原创 web前段开发

http://【黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门】https://www.bilibili.com/video/BV1ux411d75J?http://【前端Web开发HTML5+CSS3+移动web视频教程，前端web入门首选黑马程序员】https://www.bilibili.com/video/BV1kM4y127Li?

2024-12-05 15:09:49 1459

原创 flex布局

常用的flex，因为inline-flex拍在一行的伸缩盒子之间默认间距增加了错里的成本，如果你非要让两个具有伸缩性排在一行也简单，你在两个外层在加一个大盒子，然后通过flex开启弹性盒子布局也可以。他们的不同点inline-flex可以让多个具有伸缩特性的盒子排列在一行类似于行内块元素，flex多个具有伸缩的盒模子独占一行类似于块级元素。开启弹性盒子，还有一种方式就是display：inline-flex；这里我们在他子项里面添加几个盒子看看他会不会伸缩，也就是给他添加几个孙子级盒子。

2024-12-05 10:05:01 977

原创了解HTML

HTML 是构建网页的基础，与 CSS（层叠样式表）和 JavaScript 一起，共同构成了现代网页开发的三大核心技术。HTML（HyperText Markup Language）即超文本标记语言，是用于创建网页内容和结构的标准标记语言。它主要通过一系列的标签来描述网页的元素，如标题、段落、链接、图像等。HTML（超文本标记语言）是一种用于创建网页结构的标记语言。今天来了解一下html。

2024-12-01 20:23:54 330 1

原创 3D卡片制作

我这里先给他最外部的大盒子（box）设置了一下样式，让他宽为1000像素，高为400像素，外边距上下100像素，左右居中，给他开启一下3D空间，让他们变成弹性盒子代码为（display：flex；第一步我们先写一个最大盒子（我这里给他取名为box），在里面写三个小盒子我这里取名为（box1）也就是三个小卡片的外部盒子。3.给他设置过度让他沿着z轴移动-10px也就是向后平移10个像素的距离，然后在后面给他设置旋转。2.我们给他设置一下定位的值也就是位置(我这里给他设置的为上边50像素，左边60个像素)

2024-11-30 14:27:31 1635

原创 css魔方应用案例

3.给左边这个小盒子设置样式先让他沿着x轴平移-100px也就是向左平移100个像素，然后让他沿着y轴旋转90度。4.给右边这个小盒子设置样式先让他沿着x轴平移100px也就是向右平移100个像素，然后让他沿着y轴旋转-90度。5.给上面这个小盒子设置样式让他沿着y轴平移-100px也就是向上平移100个像素，让后让他沿着z轴旋转90度。6.给下面这个小盒子设置样式让他沿着y轴平移100px也就是向下平移100个像素，然后让他沿着z轴旋转90度。然后我们就给他每个小盒子设置样式。

2024-11-28 20:30:05 603