自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用css+js做的乌龟爬行

【代码】使用css+js做的乌龟爬行。

2023-10-07 17:28:08 85

原创 js笔记--6

【代码】js笔记--6。

2023-09-24 21:43:35 68

原创 js笔记--5

定义:在js中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。声明函数 有两种方式 1.利用函数关键字 自命名函数 2. 使用函数表达式 声明函数 (匿名函数)局部作用域:又叫做函数作用域,在函数内部的就是局部作用域 这个代码的名字只在函数内部起效果和作用。作用域链:内部函数访问外部函数的变量 采取的 链式查找的方式 目的:用于决定取哪个值。函数的封装:把一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口。//创建了一个 空数组。

2023-09-24 21:33:27 56

原创 js笔记--4

1)可以使用return 来设置函数的返回值语法:return 值return后的值将会作为函数的执行结果返回可以定义一个变量来接收该结果在函数return后的语句都不会执行2.实参可以是任何值实参可以是任意的数据类型,也可以是一个对象当我们的参数过多时,可以将参数封装到一个对象中,然后通过对象传递实参可以是一个对象,也可以是一个函数。

2023-09-18 22:49:51 46

原创 js笔记--3

打印99乘法表break关键字可以用来退出switch或循环语句不能在if语句中使用break和continuebreak关键字,会立即终止离他最近的那个循环语句 可以为循环语句创建一个label,来标识当前的循环label:循环语句使用break语句时,可以在break后跟着一个label这样break将会结束指定的循环,而不是最近的continue关键字可以用来跳过当次循环同样 continue 也是默认只会对离他最近的循环起作用测试程序的性能在程序执行之前,开启计时器console.time("计时

2023-09-18 22:36:01 43

原创 js笔记--2

1)通过关系运算符可以比较两个值之间的大小关系,如果关系成立返回true,关系不成立返回false。对于非布尔值进行与或运算时,会将其转换为布尔值,然后再进行运算。3)与运算:如果两个值中有false,则返回靠前的false。2)与运算:如果两个值都为true,则返回后边的。如果第一个值为false,则必然返回第一个值。如果第一个值为true,则必然返回第二个值。如果第一个值为true,则直接返回第一个值。比较两个字符串时,比较的是字符串的字符编码。如果第一个值为false,则返回第二个值。

2023-09-10 18:15:00 49

原创 js笔记--1

1)JavaScript主要用于处理网页中的前端验证2)ECMAScript是一个标准,而这个标准需要由各个厂商去实现,不同浏览器厂商对该标准会有不同的实现3)JS代码需要编写到script标签中4)alert( )控制浏览器弹出一个警告框5)让计算机再页面中输出一个内容document.write( )可以向body中输出一个内容6)向控制台输出一个内容console.log( )的作用是向控制台输出一个内容7)可以将JS代码编写到标签的onclick属性中。

2023-09-10 17:55:48 53 1

原创 css笔记--16

1)在不同的屏幕,单位像素的大小是不同的,像素越小屏幕会越清晰24寸:1920x1080i6 4.7寸 750x13342)智能手机的像素点,远远小于计算机的像素点3)默认情况下,移动端的网页都会将视口设置为980像素(css像素)4)以确保pc端网页可以在移动端正常访问,但是如果网页超过了980,移动端的浏览器会自动对网页缩放以显示完整网页5)所以基本大部分的pc端网站都可以在移动端正常浏览,但是往往都不会有一个好的体验,伪类解决这个问题,大部分网站都会专门为移动端设计网页。

2023-09-03 22:24:21 61

原创 css笔记--15

1)less中的单行注释,注释中的内容不会被解析到css中;而css中的注释,内容会被解析到css文件中2)变量,在变量中可以存储一个任意的值,并且我们可以在需要时,任意修改变量中的值变量的语法:@变量名3)使用变量时,如果是直接使用,则以@变量名的形式使用即可4)作为类名,或者一部份值使用时,必须以@{变量名}的形式使用5)变量发生重叠时,会优先使用比较近的变量6)可以在变量声明前就使用变量less中代码 css中代码 2.父元素和扩展1)&表示外层的父元素2):extend( ) 对当

2023-09-03 22:15:22 42

原创 css笔记--14

1)less是一门CSS的预处理语言2)less是一个CSS的增强版,通过less可以编写可以编写更少的代码实现更强大的样式3) 在less中添加了许多的新的特性,像对变量的支持、对mixin的支持......4)css原生也支持变量的设置5) calc( )计算函数6)less的语法大体上和css语法一致,但是less中增添了许多对css的拓展所有浏览器无法直接执行less代码,要执行必须将less转换为css,然后再由浏览器执行。

2023-09-03 22:01:32 51

原创 css笔记--13

1)主页index.html的样式表2)顶部导航条的容器:设置宽度全屏、设置高度和行高、设置背景颜色3)设置左侧导航条:service向左浮动4)设置右侧导航条:shop-cart和user-info向右浮动5)tobar下的li都是向左浮动6)用clearfix处理高度塌陷7)设置超链接的颜色:字体大小、字体颜色、设置为块元素8)去除a的下划线9)设置a的鼠标移入效果10)设置导航条的分隔线:文字大小、颜色、左右外边距11)设置购物车的样式:宽度、背景颜色、水平居中。

2023-09-03 21:49:34 41

原创 css--笔记12

图片属于网页中的外部资源,外部资源都需要浏览器单独发送请求加载浏览器加载外部资源时是按需加载的,用则加载,不用则不加载link会首先加载,而hover和active会在指定状态触发时才会加载1)解决图片闪烁问题:可以将多个小图片同意保存到一个大图片中,然后通过调整background-position来显示的图片这样图片会同时加载到网页中,就可以有效避免出现闪烁的问题这个技术在网页中应用十分广泛,被称为CSS-Sprite ,这种图称为雪碧图2)雪碧图的使用步骤1.先确定要使用的图标。

2023-08-13 23:58:58 48 1

原创 css--笔记11

表单:在现实生活中用于提交数据在网页中也可以使用表单,网页中的表单用于将本地的数据提交给服务器1)使用form变迁来创建一个表单2)form的属性action:表单要提交的服务器的地址使用input标签3)文本框,数据要提交到服务器中,必须要为元素指定一个name属性4)密码框5)单选按钮,必须有相同的name属性。

2023-08-13 23:41:20 54 1

原创 css笔记--10

在网页中通过table标签来创建一个表格1)在table中使用tr表示表格中的一行,有几个tr就有几行2)在tr中使用td表示一个单元格,有几个td就有几个单元格3) colspan横向合并单元格4)rowspan纵向合并单元格表单:在现实生活中用于提交数据在网页中也可以使用表单,网页中的表单用于将本地的数据提交给服务器1)使用form变迁来创建一个表单2)form的属性action:表单要提交的服务器的地址使用input标签。

2023-08-03 00:38:04 77

原创 css笔记--9

background-origin background-clip 两个样式,origin要在clip的前边。可以将多个小图片同意保存到一个大图片中,然后通过调整background-position来显示的图片。background-size必须写在background-position的后边,并且使用/隔开。6.雪碧图的特点:一次性将多个图片加载进页面,降低请求的次数,加快访问速度,提升用户的体验。通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色到另一个颜色过度的效果。

2023-08-03 00:19:27 53

原创 css笔记--8

字体相关的样式color 用来设置字体颜色font-size 用来设置字体大小和font-size相关的单位em 相当于当前元素的一个font-sizerem 相当于根元素的一个font-sizefont-family 字体族(字体的格式)可选值:serif 衬线字体sans-serif 非衬线字体monospace 等宽字体指定字体的类别,浏览器会自动使用该类别下的字体font-family 可以同时指定多个字体,多个字体间使用 , 隔开。

2023-08-02 23:58:54 47

原创 css笔记--7

在中,父元素的高度默认是被子元素撑开的,当子元素浮动以后,其会完全脱离文档流,子元素从文档流中脱离,将会无法撑起父元素的高度,导致父元素的高度丢失。父元素高度丢失以后,其下的元素会自动上移,导致页面的布局混乱。

2023-08-02 23:42:21 59

原创 css--笔记6

额外标签法会在浮动元素末尾添加一个空的标签。由于父级盒子很多情况下,不方便给高度,但是子盒子浮动又不占有位置,最后父级盒子高度为0时,就会影响下面的标准流盒子。隔墙法,就是在最后一个浮动的子元素后面添加一个额外标签,添加清除浮动样式。闭合浮动,只让浮动在父盒子内部影响,不影响父盒子外面的其他盒子。额外标签法也称为隔墙法,是 W3C 推荐的做法。清除浮动的本质是清除浮动元素脱离标准流造成的影响。缺点:添加许多无意义的标签,结构化较差。子不教,父之过,注意是给父元素添加代码。清除浮动的策略是:闭合浮动。

2023-07-23 23:28:00 48

原创 css笔记--5

float 属性用于创建浮动框,将其移动到一边,直到左或右边缘触及包含块或另一个浮动框的边缘选择器{ float: 属性值;

2023-07-23 22:43:32 69

原创 css笔记--4

父元素的高度不指定默认就会被子元素撑开(子元素多高父元素多高)定义了高度则就是定义了的高度没有水平方向必须满足的等式,比较简单子元素是在父元素的内容区中排列的,若子元素的高度超过了父元素的高度,则子元素会从父元素的内容区溢出。使用overflow属性来设置父元素如何处理溢出的子元素未设置时此为默认值 设置了也是即子元素会从父元素中溢出溢出的内容不会显示(这种方式不太好)生成两个垂直和水平滚动条,可以查看整个内容根据需要生成滚动条,比scroll灵活。

2023-07-16 23:49:06 72 1

原创 css笔记--3

css将页面中所有元素都设置成了一个矩形的盒子每个盒子都由下面几部分组成:内容区(content)内边距(padding)边框(border)外边距(margin)​。

2023-07-16 22:58:43 41 1

原创 css笔记--2

1)样式的继承,为一个元素的设置样式的同时也会运用到其他的后代元素上。2)继承元素发生在祖先元素和后代元素之间。3)继承的设计是为了方便开发,利用继承可以将一些通用的样式设置到共同的祖先元素上,设置一次即可即可让所有的元素都具有该样式。注意点:并不是所有的样式都具有继承性,比如:背景,布局相关这些不会被继承。

2023-07-09 23:38:27 46 1

原创 css笔记--1

网页实际上是多层次的结构,通过css可以设置网页的每一个样式。css是用来设置和修改网页中元素的样式。1)第一种方式:使用内联样式,这种样式只能对一个标签有作用。如果有多个样式必须对每一个样式都要复制一遍,当前样式发生变化是要一个个修改,很麻烦,在开发当中不会使用到这种样式。2)第二种样式:内部样式,样式编写到head中的style标签中,再通过css的选择器为元素设置各种样式,而且修改一处就可以应用全部。但内部样式只对一个网页起作用。不能跨网页。

2023-07-09 21:25:44 67 1

原创 HTML笔记--3

第一种:使用lable标签把内容包裹起来,在表单标签上添加id属性。第二种:直接利用lable标签把表单标签一起裹起来。注意点:右下角可以拖拽改变大小。4.textarea文本域标签。实际开发效果样式一般使用css。3.select下拉菜单标签。1.input系列表标签。2.button按钮标签。1)input系列标签。

2023-07-03 00:33:22 71 3

原创 HTML笔记--2

注意点:ul标签中只允许包含li标签,而li标签可以包含任意标签;dl标签中只允许包含dt/dd标签。dt/dd标签中可以包含任意内容。

2023-07-02 23:09:08 63 1

原创 HTML 笔记

HTML (Hyper TextMarkup Language)超文本标记语言。

2023-06-11 12:06:48 91

空空如也

空空如也

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

TA关注的人

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