目录 HTML5新特性CSS3新特性 HTML5新特性 HTML5 是最新的 HTML 标准。 使用HTML5只需要用<!DOCTYPE html>，DOCTYPE告诉浏览器使用哪个版本的HTML规范来渲染文档。 1 新增语义化标签：<article> <aside> <nav> <header> <footer> 2 input新增的type属性 button checkbox radi
animation: 動畫名稱 持續時間 @keyframe 動畫名稱 { from { CSS 屬性: 值 } to { CSS 屬性: 值 } } @keyframes active { 0% { opacity: 0; transform: scale(0); } 100% {
（7）渐变 渐变是一张图片，而不是颜色 ① 线性渐变 示例： 控制颜色节点的分布 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #tes
input[type="checkbox"]{ width: 0; height: 0px; visibility: hidden; } label{ display: block; width: 500px; height: 150px; background-color:red; /* border-radius：该属性允许您为元素添加圆角边框！ 属性是一个简写属性，用于
MESI协议中的状态 CPU中每个缓存行（caceh line)使用4种状态进行标记（使用额外的两位(bit)表示): M: 被修改（Modified) 该缓存行只被缓存在该CPU的缓存中，并且是被修改过的（dirty),即与主存中的数据不一致，该缓存行中的内存需要在未来的某个时间点（允许其它CPU读取请主存中相应内存之前）写
1、定义变量 使用：$（符号定义变量） 注意：使用时要带有‘$’符号，定义变量的方式与PHP相同 $变量：数值; $color_r : red; div{ color:$color_r; } 2、if判断语句 执行逻辑与js中的if判断完全相同 使用：@if、 @else if、@else 注意：判断条件没有（）直接写就行 2-1 @if 变量 判断符号 数
CSS高级 transform 变形 对元素进行平移、旋转、缩放、倾斜 translate rotate scale skew transform 不会对其他元素布局产生影响 transform-origin:0 0; //以左上角为中心 多次的变形指令是顺序的，会改变其坐标中心，放大两倍后的平移，会使得平移变成双倍的平移
1.圆角： border-radius 渐变：background-image: linear-gradient #d1{ width:100px; height: 100px; background: rgba(78,34,89,1.00); border: 1px solid rgba(211,105,107,1.00); border-radius: 50px; background-image: linear-gradient(red,blue
1. CSS过渡 transition transition-timing-function: ease,linear,ease-in,ease-out,ease-in-out五种函数定义运动轨迹 或是通过 cubic-bezier自己预设运动轨迹 steps卡点变换动画 2. CSS变形 旋转：rotate（）函数 3D旋转： rotateX(),rotateY(),ratateZ(),rotate3d() 移动 缩放 倾斜
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
transition-property属性指定CSS属性的nametransition效果（transition效果时将会启动指定的CSS属性的变化），默认是all，width和height也可以。 提示:一个转场效果，通常会出现在当用户将鼠标悬停在一个元素上时。 transition-duration 属性规定完成过渡效果需要花费的时间（以秒或毫
1、在index.html中引入animate.css 2、使用 transition 标签包裹需要显示/隐藏的内容，通过 v-if 或者 v-show 来控制显示/隐藏，vue官网关于它的介绍：https://cn.vuejs.org/v2/guide/transitions.html 3、重点：在css中 animation-name 就是 animate.css 中的动画名称，如下图所示：
过渡transition transition: property duration timing-function delay; 过渡效果属性，运行时间，运行速度，何时开始 默认执行时间是0 transition:1s 如果只填写时间则默认全部all 过渡属性transition-property 单个或多个属性，多个用逗号隔开 none 没有属性过渡效果 all 所有 耗
Experience replay 经验回放 原始TD算法的缺点： 每一个transition用完之后就被舍弃了。 相邻state之间的相关性非常大，这对于训练是有害的，把用于训练的transition之间的顺序打散更利于训练。 经验回放： 使用replay buffer存储最近的n(10^5 ~ 10^6)条transition； 每次从replay b
一、HTML5 1.H5的发展历史 HTML5草案的前身名为 Web Applications 1.0，于2004年被WHATWG提出，于2007年被W3C接纳，并成立了新的 HTML 工作团队。 HTML 5 的第一份正式草案已于2008年1月22日公布。HTML5 仍处于完善之中。然而，大部分现代浏览器已
1.头部 <header></header> 2.尾部 <footer></footer> 3.导航 <nav></nav> 4.媒体文件引入 <embed src=“”></embed> 5.内容块 <section></section> 6.辅助信息 <aside></aside> 7.文章 <article></article> 8.
<div class="content"> 内容区域 <button (click)="showSide()">显示侧边栏</button> <button (click)="hideSide()">隐藏侧边栏</button> </div> <aside id="aside"> 这是一个侧边栏 </asi
动态的增加与删除 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>列表动画</title> <script src="../js/vue-2.4.0.js"></script> <style type="text/css"> li { b
使用vue transition时的注意事项 单个元素时使用<transition></transition>标签，多个元素时使用<transition-group></transition-group>标签，使用<transition-group></transition-group>标签时必须为每一个元素添加key。 transition就是过渡的意思，transition组件就是用于元素
动画的原理： 1.视觉暂留作用 2.画面逐渐变化 动画的作用： 1.愉悦感 2.引起注意 3.对一些操作进行反馈 4.掩饰 CSS中动画的类型： 1.transition补间动画 位置--平移(left/righ
transform是 转换，指的是改变所在元素的外观，它有很多种手段(转换函数)来改变外观，例如 位移、缩放、旋转 等，而其中的位移的函数名就叫translate，所以说，translate是transform的一部分。 最常用的有translateX、translateY和rotate。 transition是 过渡，指的是某个CSS属性值如何平
一、css3的新选择器 E:nth-child(n) 选择器匹配其父元素的第n个子元素，不论元素类型，n可以使数字，关键字，或公式 E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素 E:frist-child 相对于父级做参考，“所有”子元素的第一个子元素，并且“位置”要对应 E:frist-of-type 相对于
我们将使用CSS3动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是CSS过渡，为弹出框提供了更加流畅的运动，而不是僵化的机械运动。 这是我们最后的效果： 让我们开始吧！ html部分 这是我们链接的h
1，v-enter -> v-enter-from 2，v-leave -> v-leave-from 相对应的就是 v-enter-from + v-enter-to -> v-enter-active v-leave-from + v-leave-to -> v-leave-active <template> <div id="demo"> <button @click="show = !show&q
<a href=""> <img src="images/ft_l3.png" alt=""> <div class="ewm"> <img src="http://www.vztime
