只字不留-CSDN博客

原创 JavaScript判断、循环

一、if()判断语句中 ‘==’ 代表：关系判断； ‘=’ 代表：赋值语句；二、switch用于都是相等关系情况下的判断。case 中遇到break停止判断，否则会执行下面所有的执行语句，知道遇到break停止。例如输入 monday 时，会一直向下找，找到执行语句 console.log(“working”);执行后，发现break，停止。break不在循环里面会报错。var da...

2019-09-08 20:35:58 171

原创 Axure RP9 使用1

主界面：1、选择模式（1）鼠标范围选中元件的任意面积都算是元件被选中了。（2）只有当元件的面积被鼠标范围都选中时，才算元件被选中了。（3）连接线，可以用于画流程图。2、控点选中元件，点击“边界点”，会在四周出现蓝色的小方块，拖拽小方块改变元件的形状。3、置顶、置底选中元件，点击“置顶”即可使其置于所有元件之上（快捷键：’ Ctrl shift ] ’ ），“置底”则置于所...

2019-08-28 18:36:52 882

原创 CSS3-动画

一、动画与过渡1、相同：都是用来给元素添加动画的，是系统新增的属性，都满足三要素才有效果。2、不同：过渡必须要人为才能触发执行，动画不需要。二、三要素1、告诉系统需要执行哪个动画（设置一个名字）。animation-name: name;2、动画持续时间。animation-duration: time;3、变化：@keyframes name{from{}to{}};或者@k...

2019-03-19 21:31:33 143

原创 margin塌陷与合并

一、margin塌陷。现象：两个嵌套在一起的盒子，当给第二个盒子设置margin-top属性时，两个盒子将一起移动。<!DOCTYPE html><html> <head> <title>margin塌陷</title> <style> *{ ...

2019-03-18 22:13:02 181

原创 CSS3-浮动

一、浮动流是指半脱离标准流的排版方式（只有left和right）。1、特点：（1）不区分三种元素（行内、块级、行内块级）。（2）浮动的元素不能撑起父元素的高度。2、浮动元素排序规则：（1）相同方向上的浮动元素，先浮动的在前面。（2）不同方向上的浮动，左浮动找左浮动，右浮动找右浮动。（3）浮动元素浮动之后的位置由浮动元素之前在标准流中的位置决定。二、清除浮动流。1、给前面一个父元素...

2019-03-18 21:49:40 151

原创二级翻转菜单

代码中有详细注释<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>翻转菜单</title> <style> *{ margin: 0...

2019-03-18 19:44:27 152

原创 CSS3-阴影效果

一、给盒子添加阴影。box-shadow: 水平偏移垂直偏移模糊度阴影扩展阴影颜色内外阴影；注意：1、默认情况下是外阴影。2、阴影扩展是指在原有阴影上继续添加阴影。3、当box-shadow：水平偏移垂直偏移模糊度；时。默认阴影颜色由盒子里面内容颜色决定。二、给文字添加阴影。text-shadow: 水平偏移垂直偏移模糊度阴影颜色；<!DOCTYPE ht...

2019-03-18 16:34:37 5782

原创 2D-旋转效果

一、形变中心点1、默认情况下，所有的元素都是以自己的中心点进行旋转的，可以通过形变中心点来改变。2、transform-origin： 0 0；第一个参数：水平方向第二个参数：垂直方向注意点：取值有三种形式1.具体像素（50px 50px）2.百分百（50% 50%）3.特殊关键字left center bottom<!DOCTYPE html><html&g...

2019-03-18 15:54:09 282

原创 2D转换模式：transform

1、transform: rotate(45deg); 旋转。2、tranform：translate(水平方向, 垂直方向)；正数向正方向移动，负数相反。3、transform: scale(水平，垂直)；第一个参数：水平第二个参数：垂直取值等于1，不变。大于1，变大。小于1，变小。如果两个参数值相同，则可以简写一个参数。<!DOCTYPE html>&l...

2019-03-18 14:55:28 210

原创过渡效果练习

一、弹性效果1.不要过渡，先编写基本界面2.修改我们认为需要修改的属性3.再回过头去给被修改属性的那个元素添加过渡即可<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>过渡之弹性效果</title>

2019-03-18 14:15:22 232

原创 CSS3过渡属性

一、过渡三要素：1.必须要有属性发生变化。2.告诉系统哪个属性需要执行过渡效果。3.告诉系统过渡效果持续时间。注意：当多个属性需要同时执行时过渡效果时用逗号隔开即可。<!DOCTYPE html><html> <head> <title>过渡</title> <style>...

2019-03-18 13:33:20 423

原创 a标签伪类选择器

一、四种状态：默认状态 a:link点击后状态 a:visited悬停状态 a:hover长按状态 a:active<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>a标签伪类选择器</..

2019-03-15 20:56:08 2150

qq15045846160的博客