- 博客(18)
- 收藏
- 关注
RSS订阅原创 css中的filter属性
css中的filter函数总结filter:invert(1);数值范围0-1,一般用来调整图片边框的渲染filter:grayscale(1);调整元素的灰度值，数值范围0-1filter:blur(10px); 调整元素的模糊程度，单位像素pxfilter:sepia(0.5);用来调整元素的褐色程度,数值范围0-1filter:saturate(0.2);用来调整元素的饱
2022-10-15 11:17:33
695
原创 vscode如何调整字体大小
1.打开vscode界面2.找到界面左下角齿轮状管理按钮并点击，然后点击弹出面板中的设置(setting)选项3.进入设置界面，找到Font Size设置输入框，输入字体大小即可
2022-10-04 17:20:53
12813
原创 Date的getDay()和getDate()的区别：
Date的getDay()和getDate()的区别：getDay()；返回的是星期数，console.log((new Date(2022,6,22)).getDay())//5getDate()：返回的是日期熟；console.log((new Date(2022,6,22)).getDate())//22
2022-09-27 13:03:33
542
原创 transiton和animation的区别
animation和transition的区别相同点：都是随着时间的改变元素的属性值；不同点：transition需要触发一个事件或者click事件等才会随时间的改变其css属性，而animation不需要任何事件触发也可以显示动画效果
2022-09-26 18:35:50
94
原创 css之变换transform
2D属性：tranform1、translate()位移X轴位移：tranform:translateX(100px);Y轴位移：tranform:translateY(100px)；2、scale()变形scale(正整数):放大scale (负值)：倒像放大效果支持x轴y轴单独放大X轴方向放大scaleX();Y轴方向放大scal
2022-09-26 18:33:02
198
原创 js数组对象
数组对象：有序集合；使用typeof检查时返回object;创建数组：1、使用对象创建：var arr= new Array();2、使用字面量创建：var arr =[1,2,3,4....]遍历数组：for循环数组属性：constructor：返回创建数组对象的原型函数
2022-09-22 22:59:10
82
原创 js函数对象
函数：函数是一个对象；typeof检查时返回function;函数创建方式：第一种：var 函数名 =new Function("执行语句")；（不常用）第二种：function 函数名([形参1,形参2,...形参n]){语句...}（比较常用）第三种：var 函数名 = function([形参1,形参2,...形参n]){语句...}（比较常用）
2022-09-22 22:54:10
76
原创 js对象操作
访问属性的两种方法：方法1：对象.属性名方法2：对象['属性名']删除属性：delete 对象.属性名;遍历对象：for(var 变量 in 对象){}
2022-09-22 22:51:59
50
原创 js对象创建
创建对象的两种方法：方法1：var person=new Object();person.name="小明";person.age=12;console.log(person);方法2：var person={name:"小明",age:18
2022-09-22 22:47:28
50
原创 continue与break
跳转控制：break：结束最近的一次循环，可以在循环和switch语句中用continue：结束本次循环，执行下一次循环，只能在循环中用
2022-09-22 22:45:57
57
原创 css的3d变换
css3中3D变换包括以下几种功能函数:3D位移：主要包括translateZ() translate3d()两个函数景深：perspective:1200px(给父元素添加)transform:perspective(1200px)(在子元素中添加)两者添加只需要加一个就好，不需要多加几个perspective-origin:center center(中心)/left top(左上角)/100% 100%（右下角）3D旋转：
2022-09-22 07:42:35
164
原创 css渐变属性
渐变：线性渐变：background:linear-gradient(to top,red,yellow,blue,..)支持多颜色渐变:red,green,....支持方向（to top/left/right/bottom/right bottom）支持任意方向：deg(度数)目的是满足UI的渐变设计稿，防止切图作背景的失真径向渐变：background：radial-gradient（center，shap
2022-09-20 21:34:38
544
原创 css之弹性盒模型
弹性盒：一种布局方式，特别适合移动端布局效果1、默认让子元素横向排列2、行内元素会转换成块元素3、子盒子只有一个的时候利用 margin:auto，便可以实现垂直居中弹性盒的主轴，侧轴 flex-direction： column /row/row-reverse/column-reverse调整主轴对齐方式：
2022-09-19 22:37:08
110
原创 html之表单属性
表单：单选框：<input type="radio"name=""id=""checked="checked">实现单选框，需要使用type="radio"属性，并将多个选择框的name值设置为相同代号，当要实现点击文本内容也可以选中单选框，需要设置label标签，默认选中可以设置添加checked属性；复选框（多选框）：<input type="checkbox"nam
2022-09-18 21:50:52
728
原创 css中高度塌陷
高度塌陷：解决方法：1、给父元素写一个高度塌陷，随带问题浮动元素过多会出现换行问题2、 给最后加一个空元素，设置clear：both;3、给父元素加一个overflow：hidden；（缺点是会隐藏溢出的元素）；4、伪元素选择器进行，在末尾插入空标签，代码如下：.box::after{content:"";伪元素的内容为空
2022-09-17 19:29:47
141
原创 css中的定位属性
position:定位 可选值： static：默认值 absolute：绝对定位，脱离文档流，特点：当没有父元素或者父元素没有定位的时候， 参照物就是浏览器窗口的第一视口，当父元素有绝对定位的时候，则参照父元素定位 relative：相对定位，不脱离文档流，相对于自己的初始位置发生偏移， fixed：固定定位，脱离文档流，相对于浏览器第一视口位置不发生改变 sticky：黏性定位，脱离文档流，可以做吸顶的效果，css3新增的属性，兼容性问题
2022-09-17 19:25:57
399
原创 html与css分类总结
标签：双标签 网页结构标签：单标签选择器的权重：类型（元素）选择器：0001；class选择器：0010；ID选择器:0100；包含选择器：为包含选择器的权重之和；内联样式：1000；！important：10000；css属性和属性值：文本属性：
2022-09-16 20:05:51
191
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人