自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 资源 (1)
  • 收藏
  • 关注

原创 闭包的一些简单用法#javascript

Hellow大家好啊!不知道五一假期大家玩的开不开心呢,只有劳逸结合(劳逸逸逸逸逸逸逸逸逸逸)啊才能才能更好的学习啊今天我们来看一下闭包的一些简单的用法来看代码! <script> 第一种 function fn() { alert('1') fc() function fc() { alert('2') fu(

2022-05-02 13:52:29 116

原创 Math的简单运用#javascript

Hello大家好!又到了一天一度的学习时间,不知道前面学习的知识大家有没有忘得差不多了呢!忘光啦就对啦!让我们今天来学习新的知识! <script> document.write(3.1415926535897932346); </script>这是圆周率的前16位小数啊,今天要交大家的是教大家取整啦来看代码 <script> document.write(Math.ceil(3.14159265358979323

2022-04-28 16:42:32 97

原创 toLocaleUpperCase与toLocaleLowerCase的运用#javascript

Hellow大家好啊!这两天咱的内容相比之前要少了很多啊,就是放缓一下进度希望大家能多加练习(我发誓一定不是我想偷懒),今天我们就来学习 这两个的用法啊,非常的简单来看代码 <script> let str = 'a b c d'; document.write(str); </script>接下来我们加一点代码 <script> let str = 'a b c d';.

2022-04-28 16:02:57 872

原创 一些javascript的简单实战应用

Hellow大家好!又到了我们最痛苦的学习时间!相较于CSS和HTML啊,javascript相比之下会难一点点(亿点点),大家一起努力(摆烂)啊!来看一下作业<script>let a = 'abc';let b = a.split('');let arr = b.reverse().join('');document.write(arr);</script>这样就成功啦我们来讲解一下思路先声明一个变量a为"abc",注意啊这边的ab

2022-04-26 19:20:54 1354

原创 javascript的一些简单属性

Hellow大家好!又到了我们一天一度(不是)的学习环节,今天我们来学习一些有趣的东西来看代码!<script>let oDate = new Date();document.write(oDate)</script>Date 对象用于处理日期和时间首字母大写的内置函数是构造函数new Date() 呢可以理解为构造函数Date使用new实例化一个时期对象oDate哈哈哈哈是不是听懵了...简单的来说呢就是把现在的时间啊打印在页面上<scr

2022-04-25 22:40:16 438

原创 javascript的一些简单属性

Hellow大家好啊!今天也是很不想更新的一天呢哈哈哈!JS的学习是不可视化的,需要一定的逻辑和计算,要比我们之前学习的css和html难一点,大家一定要撑得住气哦话不多说来看代码!<script>let arr = ['奥迪','宝马','奔驰'];document.write(arr)</script>非常简单的一段代码啊页面上也毫无悬念的出现了我们数组上的文字我们来学习今天的第一个代码push<script>let arr

2022-04-25 00:04:42 706

原创 javascript的简单运用4.0

Hellow大家好!我们的循环就讲完啦不知道大家练习的怎么样了呢,今天啊我们来学习数组中的join、sort和reverse先来看代码!<script>let arr = [1,3,2,6,5,4];document.write(arr)</script>这是一个常见的数组啊,用的是我们之前学的for in循环哦,看看效果是什么样的那我们加入join元素看看会是什么样子吧!<script>let arr = [1,3,2,6,5,4

2022-04-22 17:23:30 438

原创 javascript的简单运用4.0

Hellow大家好啊!接着上一节课啊今天我们继续学习javascript的循环第一个是while循环,来看代码<script>var i = 1;while( i <= 5 ){document.write('我是' + i + '号程序员' +'<br>')i++}document.write(i)</script>回顾上一节课啊这些代码是不是很熟悉呢!让我们来看啊,var是声明,声明了i=1,i<=5是判断条件,

2022-04-21 23:52:26 208

原创 javascript的简单运用2.0

Hellow大家好!又又又又到了我们最爱的学习环节啦!今天我们来学习的是javascript的循环,话不多说来看代码<script>for(var i = 1; i <= 10; i++){document.write(i)}</script>我来给大家解释一下for就是for循环啦,这个是不会变的var是声明,i是可变量可以是你写的任何值,i=1意思是初始值为1啦,i++是一个循环执行的语句,这意思是循环一次i就+1,i<10是判断条件,当i

2022-04-20 23:51:16 659

原创 javascript的简单运用

Hellow大家好!又到了我们最开心的学习时间!上节课我们讲了一些简单的javascript简单的原理,今天我们就来实际操作一下吧<script>var a = 100document.write(a)</script>这是非常简单的一段js代码,var是声明的意思a是自定义名称,可以是任何名字一个=意思是赋值100是值的内容document.write是书写前缀(a)括号里面就是显示到页面上的内容啊,里面是a,而a被赋值100,所以页面上

2022-04-18 22:03:00 324

原创 初识javescript

Hellow大家好!又到了我们最爱的学习时间(呕),我们今天啊就来简单的了解一下javescript,难度呢肯定是有的,但掌握了学习方法,勤加练习就会轻松很多啦先来简单了解一下什么是javescriptJavaScript是一种基于对象和事件驱动的脚本语言1、JavaScript特点交互、脚本语言、解释性语言边执行边解释2、JavaScript组成ecmascript(规范)bom(浏览器对象)dom(元素对象)ECMAScript是一种语法标准语法、变量和数据类型、运算符、..

2022-04-18 00:17:05 658

原创 居中总结#CSS

Hellow大家好!又到了我们快乐的学习时间!今天我们来学习各种情况居中方式!很重要哦!首先呢是行内元素居中水平居中 text-align:center;垂直居中 line-height=height;不固定高度垂直居中可以使用padding;固定高度垂直居中display:table-cell;vertical-align:middle;块级元素居中1、使用绝对定位配合margin但是啊必须要固定宽高2、设置transform:translate(-50...

2022-04-16 00:56:04 146

原创 动画制作2.0#CSS

Hellow大家好!今天我们来学习动画制作老规矩!先看代码!div{width: 100px;height: 100px;}<div><img src="./balloon.png" alt=""></div>一个朴实无华的气球!我们给他加一点代码来看看动画效果 div{ width: 100px; height: 100px; animation: donghua 3s li...

2022-04-14 00:12:48 64

原创 动画制作#CSS3

Hellow大家好!又到了我们学习的时间啦,学习一样东西啊最重要的是持之以恒,掌握好学习的方法就能事半功倍!今天教大家一些方法希望能提供一些帮助1、心态要放平,写代码一定不能急躁,急躁代码容易出错2、要写的慢,写的稳,当你写的快了代码容易出错,当前面代码出现失误时后面代码可能也会跟着出现错误,导致事倍功半3、调整好布局,在写之前先理一下自己的思路,想好整体是怎么样一个布局4、分区域制作,讲一个整体布局分割成一个一个的小块,写完之后在调整总布局这节课我们就不继续啦,大家先预习一下3D动漫的

2022-04-11 23:26:07 177

原创 简单的CSS3样式2.0

Hellow大家好!我们接着上一节课继续讲下去哈,还有个样式和我们上节课讲的是一个系列的,可以说是同宗同脉我们还是以上节课为例,先看代码.div{width: 300px;height: 300px;background-color: red;}<div class="div"></div>还是这张图片哈,来添加一些代码.div{width: 300px;height: 300px;background-color: red;.

2022-04-08 23:13:57 196

原创 简单的CSS3样式

Hellow大家好!今天我们来简单的学习两个个有趣的CSS样式来先看代码.div{ width: 300px; height: 300px; background-color: red; } <div class="div"></div>一个简单的红色方块!我们给他加点代码 .div{ width: 300px; height: 300px;...

2022-04-07 23:49:34 242

原创 浮动#CSS

Hellow大家好!我们今天来学习浮动啦,这是一个非常简单且经常使用的样式哦,还是那句话勤加练习哈!来看代码!div{width: 100px;height: 100px;border: 1px solid red;}<div></div><div></div><div></div><div></div>因为他是快元素嘛所以独占一行,排成了四个竖着的方块我给他添

2022-04-06 22:38:36 191

原创 有趣的样式2.0#CSS

Hellow大家好!今天我们又要学两个好玩的样式啦!它们的名字叫线性渐变和径向渐变,是一个调整内部填充的样式哦,让我们一起来看一下老规矩先看代码.index{width: 300px;height: 300px;border: 3px solid red;}<div class="index"></div>我们可以看到一个朴实无华且有内涵的一个框哈,让我们修改一下代码.index{ width: 300px; ...

2022-04-05 23:39:12 352

原创 有趣的样式#CSS3

Hellow大家好!今天我们来学习两个新的样式,分别是圆角边框和阴影,内容都不是很难哦勤加练习就都能熟练掌握啦!我们先来看圆角边框,话不多说上案例div{width: 300px;height: 300px;border: 3px solid red;}<div></div>然后我们就会得到是一个方方正正的四边形哈,然后我们想要让第一个角变圆该怎么做呢div{width: 300px;height: 300px;border:

2022-04-04 23:07:22 220

原创 进阶的元素选择器#CSS

Hellow大家好!不知道之前几个选择器大家练习的怎么样了呢,平时也要勤加练习啊,今天啊我们来学习几个进阶的选择器这个是个伪类选择器,我们先来看代码.container{width: 300px;background-color: #008c8c;color: white;}<div class="container">醉后不知天在水,满船清梦压星河。</div>还是几个很熟悉的代码哈,来看看效果这个选择器呢可以给内容前后文添加样式.

2022-03-31 23:56:07 105

原创 语义化#HTML5

Hellow大家好!今天我们就不学样式啦,来给大家讲讲html的语义化。那什么是语义化呢,举个最简单的例子,在不使用css添加任何样式的情况下,网页啊它自己本身就有默认样式,我们来看代码<h1>语义化</h1><h2>语义化</h2><h3>语义化</h3><h4>语义化</h4><h5>语义化</h5>因为标题层次的不同所以字体大小也会有所不同,标题属性是

2022-03-30 21:27:34 44

原创 简单的CSS4.0

Hellow大家好!不知道border元素大家练得怎么样了呢,今天我们要学习的元素啊和border可以说是同宗同脉了,话不多说让我们开始吧!我们先来看一段代码div{width: 400px;height: 200px;border: 2px solid;}<div class="one"></div><div class="two"></div><div class="three"></div>

2022-03-29 23:17:59 238

原创 简单的CSS3.0

Hellow大家好!今天我们来学习边框,可别小看这么一个边框啊,它蕴含的东西啊可多着呢。上次我们说过啊很多代码都是由英文翻译过来的,那边框是什么呢?没错啊我们这期就围绕一个代码进行的,那就——border。1、首先我们来看最简单的一个代码div{width: 100px;height: 100px;border-right: 1px solid;}<div></div>这样我们就能看到非常朴实无华的一条线啊,这个代码是什么意思呢?告诉我们啊在d

2022-03-28 23:16:15 312

原创 简单的CSS样式2.0

Hellow大家好!今天我们接着上一期继续来学习CSS的一些简单样式哈,不知道上一期的样式大家练得怎么样了呢,不许偷懒哦!1、第一个是添加下划线<span>牧马城市</span>span{text-decoration:underline;}这样就可以看到多了下划线啦其实text-decortion啊还有很多别的用法呢比如 text-decoration:line-through;就是线穿过文字2、我们先来学一个网页上的图片元素,来看代码

2022-03-27 21:42:34 311

原创 简单的CSS样式

Hellow大家好!今天我们来学习一些简单的CSS样式上几期我们学习了很多选择器啊不知道大家掌握的怎么样了,有没有努力练习呢。既然我们都能熟悉运用选择器了那下一步该干什么呢,当然是通过选择器要来页面添加样式啦,话不多说上干货!1、首先呢是改变样式的颜色,来看个例子<div>我是红色 </div><style>div{ color: red; }</style>是不是非常简单呢,大家应该发现了吧,这个英语的本身啊就是它的含义,co

2022-03-25 20:58:38 531

原创 更多的选择器#CSS

Hellow大家好!今天我们来介绍一下种类极多的选择器!上期我们说到标签选择器、类选择器和id选择器啊,不知道大家有没有熟练掌握了呢!今天我们来介绍一种新的选择器,叫层次选择器,层次选择器呢又分为四种啊这第一种呢叫后代选择器,什么意思呢让我们来看啊<header><h1><div>我是后代选择器!</div></h1></header>我们来看啊header元素里面包裹了h1元素,也就是说啊在这里呢h

2022-03-24 15:29:07 134

原创 简单的认识CSS

hellow大家好!今天我们就来简单了解一下CSS!如果说HTML是一张素颜照啊那CSS就是化妆美颜加滤镜啦。说到CSS呢第一个要说的就是样式选择器了,毕竟代码这么多我们要去细分啊这个是什么颜色的啊那个字体大小是多少啊,如果没有选择器那就要乱套啦。最简单的就是行内样式啦例如:<div style="color: aqua; font-size: 50px;">简单的CSS</div>简而言之啊就是在标签旁加style方式来书写样式,具体有什么样式各位先

2022-03-23 16:59:32 270

原创 简单的表单元素

Hello大家好!今天我们要学习的是表单元素!它在我们生活中的用途非常之广泛啊,但最主要的还是各个APP注册界面、收集用户信息、填写调查问卷等等,等能熟练掌握好表单元素啊HTML大概已经要完结了,与其临渊羡鱼不如退而结网好了言归正传啊。首先我们先来看一个最简单的表单元素<input type="text">非常的朴实无华切生动啊简简单单一个框哈,这也是最简单的一个表单元素实际效果大家可以去VScode简单实操一下text呢是文本的意思,里面的属性啊是可以更换的例如:text

2022-03-22 17:15:17 454

动画制作2.0#CSS-----动画练习

动画制作2.0#CSS-----动画练习

2022-04-13

空空如也

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

TA关注的人

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