- 博客(20)
- 收藏
- 关注
RSS订阅转载 for循环
for循环：一些代码重复执行 for格式 ： for(循环变量初始化;循环条件;循环变量值得改变){代码块}执行的流程 1 先去执行循环变量初始化 2 判断条件是否成立，如果不成立，直接退出循环，如果条件成立了，执行代码块 3 执行完代码块之后 循环变量值再进行改变4 再从第二步开始执行 先执行 i的初始为0 再执行判断 i<10 如果...
2019-09-23 20:06:00
151
转载 if 和else 流程控制
if(条件){代码块} else{代码块} 执行的流程: 如果条件成立 执行{代码} 如果条件不成立 执行后面{}代码 if和else相反的条件， 即使else的条件成立也会执行一个 一次执行一个 只会执行一个 要么if 要么执行else var n1 = 20; var n2 = 30;...
2019-09-23 20:00:00
226
转载 基本运算符
+ 加法运算var num1 = 10; var num2 = 20;var num3 = num1 + num2 + 10; //40// 连加// 如果一个变量为字符串类型 +的作用var num4 = "15" + 10;// alert(num4) //+链接一个数字 一个字符串 拼接的作用1510//我的幸运数字是:...
2019-09-23 19:51:00
151
转载 js变量
js:是HTML编程语言，JavaScript html: 设计网页显示什么 html: 设计网页显示什么 js: 网页能干什么功能 变量:记录一条数据的值，可以变化的量 变量:记录一条数据的值，可以变化的量 变量名字命名规范: 1: 不能采用系...
2019-09-23 19:43:00
116
转载 媒体查询
如果一个网页既要使用于pc端 又得使用于移动端 : 1. 响应式设计 利用媒体查询判断设备的宽度 采用不同的css 华为官网和苹果官网 2.设计开发的时候 直接开发两个版本 PC和移动端两个版本 发送请求一个网页的时候，根据请求判断当前设备类型 返回不同的一个网页 [淘宝 百度]媒体查询赋予css有判断设备类型和屏幕尺寸的能力媒体查询...
2019-09-23 19:32:00
103
转载 自动编号
前缀 后缀: 1: 防止前缀和后缀污染标签内容 影响网页搜索的时候精确度 2: 标签内容一般通过服务器返回的数据，有时候有必要前缀 3: 前缀不能添加html标签 css3计数器 +content 伪类 铁三角 自动编号： couter-reset：重置计数器 ...
2019-09-23 19:27:00
155
转载 表单
form 表单标签 如果以后进行表单提交 把所有的提交的数据放到form里面 action 行为 行动 提示标签 提示输入框的 for属性一般和对应的输入框id保持一致，label和输入框是同一组的 点击label 等同于点击输入框 input的 type属性="text" ...
2019-09-19 21:38:00
104
转载 关键帧动画
关键帧动画和过渡动画的区别：过渡动画: 实现一些简单的动画 只有两个帧开始帧和结束帧的状态 , 只有元素样式发生改变的时候添加过渡效果 关键帧动画 : 实现动画过程当中的每一个关键帧的状态， 关键帧完成之后 ， 使用到任何一个标签上 设置关键帧动画： 动画名字 animation-name: pingyi; 动画时间 ...
2019-09-19 21:27:00
162
转载 过渡动画
过渡的属性，可以指定过渡的属性 , with 只有宽度有过渡效果 如果想看到多个过渡效果 多个属性用逗号隔开 width,background-color; 全部的过渡效果 all transition-property:all; 过渡的时间 transition-duratio...
2019-09-19 21:17:00
105
转载 2D和3D动画
transform : 变换 变化 移动变化translate() 缩放变化scale() 旋转的变化rotate() transition:all 3s 过渡的过程 all 看到所有的过渡效果 3s设置过度时间 想看到子元素有3D效果 必须在父元素里面加 视点距离的样式 视点...
2019-09-19 21:14:00
125
转载 flex弹性布局
弹性布局设置方式：弹性布局 开启必须在父元素，对子元素产生效果,设置完之后子元素div 不再是独占一行 并且高度默认与父元素高度一致，宽度是内容的宽度 display: flex; 弹性布局的方向 默认的row row 项目是从左到右排布的 row-reverse 项目是从右到左排布 col...
2019-09-19 21:03:00
103
转载 选择器大全
1.选择器:根据标签名字选择标签 语法:标签名 ; 选择所有的p标签 2.类名选择器 选择类名的一样的所有的标签: 语法 .类名 3.id选择器 选择id相同的标签 语法: #id 4.包含关系的选择器 语法: 空格隔开 5.父子关系的选择器 两个选择器>链接 6.选择器 , 隔开 7. 根据自定义属性...
2019-09-19 19:53:00
143
转载 常用的长度单位
px像素单位，相对单位，它是屏幕显示最小的单位 mm绝对单位，表示毫米 cm绝对单位，表示厘米 pt绝对单位，表示磅，用于打印的时候单位 vw相对单位，1vw=浏览器宽度的1% vh相对单位，1vh=浏览器高度的1% em相对单位，相对于自身元素或者父元素的字体大小 rem相对单位，相对于根目录(html)...
2019-09-19 19:46:00
217
转载 浮动布局
浮动布局 : 左浮动 影响: 块元素的宽度不再是父元素的宽度 水平排布浮动分为左浮动 he 右浮动 区别从左到右排列和从右到左排列清除浮动最后一个浮动标签之后添加一个空的div，设置一个样式 clear:both第二种清除浮动 在不加div的前提下 父标签加一个类 clear-fix 通过添加后缀 设置后缀展示以block 展示 加上clear...
2019-09-19 19:38:00
97
转载 外边距的产生与解决办法
外边距产生的原因： 为了编写代码美观 每个标签独占一行 换行和空格符号解析成一个空格 解决的办法 1: 让其他标签紧跟着上一个标签 2: 通过外边距设置左右外边距为负数 3: 在父元素设置字体大小为0 子元素必须重写设置字体大小转载于:https:/...
2019-09-19 19:35:00
149
转载 外边距重合问题
产生外边距的条件： 1.块元素与快元素 2. 上下外边距 3. 没有边框 盒模型 : 内容区域(content) + 内边距(padding)+ 边框(border)+ 外边距(margin) box-sizing: content-box;...
2019-09-19 19:32:00
123
转载 内容溢出
汉字内容溢出及解决办法 如果内容是汉字 默认的情况：汉字水平方向上不会溢出 如果垂直方向内容超出高度 这个时候导致内容溢出 浏览器在解析汉字的时候 会在任意一个的汉字换行 把超出的部分隐藏掉 默认把滚动条取消掉 overflow: hidden; 超出的部分滚动 竖直方向上有滚动...
2019-09-19 17:38:00
135
转载 精灵图片
精灵图片： 把很多张小图片整合成一张大图片，同时css显示其中一张的小的图标 这个就是图片精灵技术 使用精灵图片的好处： 减少页面的请求次数 页面加载速度比较快 使用方法 background-size设置背景图片的大小 background-positi...
2019-09-19 17:27:00
124
转载 设置背景图片
如果背景比较小 元素比较大 默认的是背景图片平铺的 background-image: url(52.jpg); 设置背景图片不重复 background-repeat: no-repeat; 固定背景图片 background-attachment: fixed; ...
2019-09-19 17:20:00
94
转载 伪类和伪元素以及添加前缀后缀
伪类定义： 满足一定条件下 才能触发的类 选择某一个标签:伪类 常用的伪类： ：hover伪类 当鼠标放在a标签上的样式 ：active 点击变大的伪类; 当鼠标点击的时候 触发的伪类 ...
2019-09-19 09:18:00
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人