- 博客(27)
- 收藏
- 关注
RSS订阅原创 while、数组简介
script>/*数组1.数组属于对象类型(复杂类型)2.string、boolean、number、undefined 属于基础类型(简单类型)数组中可以存放任意数据类型的数据数组的声明2.结合构造函数，创建数组注意，使用 构造函数声明数组的时候，如果只有一个number的参数，则表示数组长度，而数组内容为空，如果参数是两个及其以上的数字，则表示数组元素*/let arr1=[1,2,'封神榜','妲己'];// 使用 Array() 构造函数创建数组。
2023-08-21 19:09:35
193
原创 js运算符
如果在 script 标签中使用了src 属性引入了外部js 则该标签中嵌套的所有js代码无效log'陆抗';</通过 document.getElementById(‘wp’) 获取html中的dom元素每一个 html标签都是一个对象，称为 dom对象每一个标签的属性也是 一个 对象的属性设置对象属性的值 obj.属性名 = ‘a’;获取对象属性的值 obj.属性名。
2023-08-08 20:15:47
54
原创 js介绍.
js 组成1. ECMAScript(js中的一些基本语法、变量、函数、对象等)2. DOM (document object model 文档对象类型)，可以完成html文档中元素的操作3. BOM (browser object model 浏览器对象模型), 可以完成对浏览器对象的操作js 特点1. 弱类型语言2. 不是完全的面向对象语言(仅针对于ES6之前)3. 跨平台4. 动态性，事件驱动js的引入方式1.内部引入2.外部引入3.行间引入。
2023-08-07 20:29:39
47
原创 修改默认效果、bootstrap
修改默认效果<style>[type="checkbox"]{ /* 去掉默认样式 */ appearance: none; -ms-appearance: none; -webkit-appearance: none; background: url(./images/checkbox-f.png) no-repeat left center; w
2023-08-07 19:19:53
206
原创 多列布局、css的hack、网格布局
css3 中最新给出多列布局方案，他是css布局的一个新的扩展设置列宽column-width: 具体值 / auto具体值是直接设置元素的宽度auto 是根据页面宽度，自定义列宽设置列数num是具体的正整数，范围是[1,10]以上两个属性合写设置列间距column-gap: normal 或者具体的数值normal 是默认值, 他的大小是 1em设置两列之间的边框column-rule 具体设置规则和 css中的border一致设置标题跨列。
2023-08-07 18:56:27
94
原创 鼠标手势、animate.css、引入外部字体、怪异盒模型、文字阴影
不用特意添加类名，可以直接在css中声明 animation 属性，然后他的动画名是 animate.css。1.直接在元素上使用，需要添加 公共类 animate__animated,然后根据效果添加。auto 鼠标按照默认的状态根据页面上的内容自行修改样式。outline 轮廓线 他的使用方式和 border一样。2. 使用 animate.css 的动画名。move 拖拽效果时候的鼠标移动样式。wait 鼠标等待加载时候的样式。text 鼠标悬浮在文本的样式。help 鼠标显示带问号的箭头。
2023-08-07 17:23:01
130
原创 3D形变、关键帧动画
rotateX(num): num为正，以上边为基准，上边往视窗的里面翻转，num为负，上边往视窗的外面翻转。rotateY(num): num为正，以左边为基准，左边往视窗的外面翻转，num为负，左边往视窗的里面翻转。alternate 当运行运行次数为奇数时，正方向运行，偶数时，反方向运行。他的值是具体的数值，不可以是百分比，因为z轴没有百分比也不能是0或者负值。1.关键帧动画的触发时机是，只要添加关键帧动画，就会立即执行动画。以上三个关于3d设置的属性都设置在 3d环境的父级上。
2023-08-04 11:11:10
148
1
原创 day15、day16笔记
transition-property 设置需要过渡的css属性，如果有多个属性需要过渡，则可以用英文逗号分开，也可以直接设置all，all表示所有变化的css属性都需要过渡，如果不设置该属性，默认为all。实质上，每一个角的上面，都有一个水平半径和一个垂直半径，如果每一个方向上的半径不同，则需要写成 水平半径/垂直半径。同背景图一致 ，也可以设置多组渐变，同时设置多组背景图或者渐变图，后面设置的会被前面设置的图覆盖。2.先写缩放，然后在平移，他的结果是 先把所有的值进行缩放，然后按照缩放后的值平移。
2023-08-03 19:16:41
45
原创 day10、day11笔记
设置定位的层，如果设置该属性，则默认为0如果 z-index的值相同，则还是后加载的元素高于先加载的如果值不相同，值大的元素层级高。
2023-07-28 14:17:26
100
1
原创 day07、day08、day09笔记
2.行元素设置了绝对定位以后，可以设置宽高，可以设置上下 padding 和上下 margin，如果不设置宽高，宽高由内容撑开。4.绝对定位是相当于他的第一个具有定位属性的祖先级元素进行定位，如果不存在祖先级元素，则相对于body 定位。3.块元素设置绝对定位以后，自动的margin消失，如果不设置宽高，宽高由内容撑开。2.块属性标签设置浮动之后，不再独占一行，如果不设置宽高，他的宽高由内容撑开。1.设置了绝对定位的元素，脱离了文档流，不占据文档流空间，并且提升等级。
2023-07-19 20:14:25
28
原创 day04笔记
处理子级内容超出当前容器的部分，对父级元素添加该属性值1.hidden 超出自动隐藏（山穷水尽时可用）2.scroll 滚动查看超出的部分3.auto 自动渲染超出的部分overflow-x 控制x轴方向的超出部分overflow-y 控制y轴方向的超出部分。
2023-07-08 13:05:58
82
原创 day02、day03笔记
text-align：文本排布，一般放在块元素上，用来控制块标签中 行标签 和 文本的对齐位置。rgba中的a表示 透明度，0-1, 0表示完全透明， 1 表示完全不透明。1.p 标签，h1-h6都不能相互嵌套，并且他们也不能嵌套块标签。border-width 设置border 的 宽度。border-style 设置border 的 样式。1.块标签可以作为一个布局标签，嵌套所有的标签。0-255 0表示黑色，255表示白色。常用的border-style 值。3.外部样式表（开发时候常用）
2023-07-08 11:05:38
123
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人