小_小白

摘要： transform： rotateX（）：正值向上翻转 rotateY（）：正值向右翻转 translateZ（）：正值向前，负值向后 scaleZ（）：立体元素的厚度 3D写法： scale3d（）：三个值 X Y Z translate3d（）：三个值 X Y Z rotate3d（）：四个值 阅读全文

摘要： animation-name：自定义动画名字 animation-duration：动画的持续时间 animation-delay：动画的延迟时间 animation-iteration-count：动画的重复次数，默认值是1，infinite 无限次数 animation-timing-funct 阅读全文

摘要： 循环：重复去做一件事情 好处 代码简洁 代码没有冗余 后期维护方便 写循环的步骤 确定循环的次数 循环条件，while（）可以写任意的表达式，最后都会自动数据类型转换成布尔值 不能让这个循环条件永远成立，会造成死循环 确定每一次循环要执行的代码 三种语法 while 格式 while（循环条件）{ 阅读全文

摘要： 单分支： 根据不同的选择，执行不同的内容 语法： if（判断的条件）{ 执行语句；（判断条件为true的时候执行） } 双分支： 语法： if（判断的条件）{ 执行语句；（判断条件为true的时候执行） } else{ 执行语句；（判断条件为false的时候执行） } if多分支语句： 语法： if 阅读全文

摘要： 语法： switch（表达式）{ case 常量1： 执行语句1； break； case 常量2： 执行语句2； break； default： 当上述所有的case选项都匹配失败，执行这里 break； 过程： 计算 switch（）语句表达式的值 和 case 后续的值进行匹配，匹配成功，执行 阅读全文

摘要： translate：位移（值是像素） tranform：translateX（） 两个值宽高，不设置的话写0 scale：缩放 （值是一个比例值，正常大小就是1） 也分为X、Y、Z 两个值、宽高 一个值宽高 rotate：旋转（值是角度 deg ） 也分为X、Y、Z（X和Y是3d） Z和rotate 阅读全文

摘要： transition-property： 规定设置过渡效果的CSS属性的名称 transition-duration： 规定完成过渡效果需要多少秒或多少毫秒 transition-delay： 定义过渡效果何时开始 transition-timing-function： 规定速度效果的速度曲线 li 阅读全文

摘要： Formatting context（格式化上下文）是W3C CSS2.1 规范中的一个概念。 它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位， 以及和其他元素的关系和相互作用。 BFC 即 Block Formatting context（块级格式化上下文），它属于上述 阅读全文

摘要： 盒子模型的组成 content（物品）>padding（填充物）>border（包装盒）>margin（盒子与盒子之间的间距） content：内容区域 width 和 height 组成的 padding：内边距（内填充） 直接设置数值 padding：10px 10px 10px 10px 上 阅读全文

摘要： 按类型 block：块 div、p、ul、li、h1…… 独占一行 支持所有样式 不写宽的时候，与父元素的宽相同 所占区域是一个矩形 inline：内联 span、 a、em、strong、img……（img可以设置宽高，因为他还是一个替换元素） 挨在一起的 有些样式不支持，例如width、heig 阅读全文