自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js中的数组

数组是一个可以存放任意数据类型的有序集合数组的元素可以是任意数据类型数组的大小可以动态变换。

2023-07-06 17:02:27 102 1

原创 js类型转换

将number转为string 调用toString()可以放入一些进制参数。如果转换的值是null,undefined,boolean,均转换为NaN。null和undefined不可以调用toString() 没有包装器。如果两个操作数,一个是数字,一个是字符串,隐式将字符串转换为数字。如果两个操作数,一个是数字,一个是布尔值,隐式将布尔值转为数字。如果两个操作数,一个是布尔值,一个是字符串,隐式将两者转为数字。两个操作数有一个是字符串就是字符串的拼接。

2023-07-04 16:51:37 37

原创 js中的操作符

操作数放到typeof的后面,会返回当前操作数的类型,对于数值类型可以准确返回,对于引用类型,Function会返回'function',其他都只会返回'object'而在比较字符编码时,是一位一位进行比较的,如果符号两侧第一位一样,则比较下一位,所以借此可以用来对英文进行排序,而比较中文是没有意义的。1.不同类型间比较,双等之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等。= 和 ==用法类似 比较若类型不同,先偿试转换类型,再作值比较,最后返回值比较结果。

2023-07-03 17:44:05 38 1

原创 js中的数据类型

值类型(基本类型):字符串(String),数字(Number),布尔(Boolean),对空(Null),未定义(Undefined)Symbol引用数据类型:对象(Object),数组(Array),函数(Function)

2023-07-03 11:28:12 60 1

原创 css中的过渡,动画,变形

1.必须要有属性发生变化2.必须告诉系统那个属性需要执行过渡效果3.必须告诉系统过渡效果持续时间。

2023-06-28 17:56:20 88 1

原创 关于伸缩盒(弹性盒)

flex-start 从行首开始排列 每行第一个弹性元素与行首对齐 同时所有后续的弹性元素与前一个对齐。flex属性是flex-grow flex-shrink flex-basis属性缩写。space-around 中间两个弹性元素空间是左右弹性元素空间的两倍。space-around 中间两个弹性元素空间是左右弹性元素空间的两倍。设置flex-shrink:0;space-between 最左侧最右侧的弹性元素紧贴父容器。设置给一个弹性元素:表示将父元素容器剩余宽度设置给弹性元素。

2023-06-27 17:44:30 125 1

原创 关于css中的定位

特性:不脱离文档流,没达到阙值前是相对定位,达到阙值后是固定定位(相对定位+固定定位)特性:不脱离文档流 原先位置保留,相对于自身在浏览器中的默认位置进行定位。如果父元素/祖先元素设置了定位,相对于父元素/祖先元素进行定位。元素的堆叠顺序,z-index默认值为0,针对定位流元素而言。无论有没有父元素/祖先元素,相对于浏览器视口区域进行定位。兄弟元素堆叠顺序 谁的z-index高 谁的优先级高。不脱离文档流,原先位置不保留,飘在文档流上方。脱离文档流,原先位置不保留,飘在文档流上方。

2023-06-27 11:42:54 34 1

原创 认识盒模型

盒子高:height = contentHeight+paddingTop+paddingBottom+borderTop+borderBottom。盒子高:height+paddingTop+paddingBottom+borderTop+borderBottom。盒子宽:width+paddingLeft+paddingRight+borderLeft+borderRight。盒子所占页面宽:盒子宽+marginLeft+marginRight。1.内容盒子 标准盒子 w3c盒子。

2023-06-26 17:20:01 30 1

原创 px和em和rem的区别

parent的宽度是20em,em相对于当前元素字体大小而言,parent字体大小为32px,所以parent的宽度为20*32px=640px,所以A是错误的。子元素会继承父元素的字体大小,所以child字体大小2em,em相对于当前元素字体大小而言,所以子元素的字体大小为2*32px=6。html元素字体大小默认为16px,则parent的字体大小为2*16px=32px,所以B是正确的。html元素字体大小默认为16px,则child的宽度为20*16px=320px,所以D是正确的。

2023-06-26 16:57:55 41 1

原创 CSS隐藏元素方式

当dom的改变影响元素的几何信息(位置),浏览器计算元素的几何信息(位置),将其正确的显示在浏览器,这个过程就叫重排,也叫做回流。标签增加 删除 插入 替换 和display:none会重排。

2023-06-20 11:35:22 35 1

原创 CSS三大特性

父元素的color属性 text-等属性 line-等属性 font-等属性可以继承。h1标签作为子元素的时候 不可以继承font-size属性。使用多个选择器给一个标签设置样式的时候 样式还会发生重叠。类选择器 伪类选择器 属性选择器 权重为10。内部样式和外部样式优先级没有前后,遵循就近原则。a标签作为子元素字体元素的下划线无法继承。内联样式>内部样式/外部样式(就近原则)标签选择器 伪元素选择器 权重为1。通配符选择器/普通选择器 权重为0。设置父元素的样式子元素可以继承。

2023-06-19 11:37:37 23

原创 CSS选择器

8.序选择器(伪类选择器) div:frist-child{} last-child nth-child(n/odd/even/3n+1)9.兄弟选择器 css2兄弟选择器(除去本身) .div1+div{} / css3 .div~div{}7.并集选择器(组合选择器) div,#one,.two{}5.子代选择器 div>p{} 表示选中直接子元素。3.class选择器 .类名{}4.后代选择器 div p{}2.id选择器 #id{}6.交集选择器 p.p1。11.否定伪类选择器。

2023-06-08 11:25:37 27 1

原创 CSS基础学习 -01

层叠样式表 用于修饰html文档。

2023-06-07 11:29:13 24 1

原创 零基础学习HTML&CSS -02

dl dt dd配合使用( definition list definition title definition description )

2023-06-06 16:54:12 97

原创 零基础学习HTML&CSS -01

块级元素有 div,p,section,header,footer,nav,adress...base标签可以指定所有a标签得打开方式 a标签与base冲突 就近原则。这是根标签 一个网页只有一个根标签 网页所以部分写在html标签。标签四个属性 id ,class, style, title。给标签设置id href='#id'style 给标签设置样式 内联样式 行内样式。注释 用于解释说明 便于代码阅读和维护。<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3>

2023-06-06 16:14:40 28

空空如也

空空如也

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

TA关注的人

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