摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
posted @ 2021-02-01 09:47
随笔分类 - css
摘要：// vant覆盖默认样式的写法 <style lang="scss" scoped> ::v-deep .van-popup { background: transparent; color: #fff; } </style>
阅读全文
posted @ 2020-04-28 18:52
摘要：vedio标签视频自动播放直接加autoplay是不会自动播放的，要加上muted属性，静音播放。
阅读全文
posted @ 2020-04-21 10:18
摘要：/* placeholder的颜色 */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999; } :-ms-input-placeholder { ...
阅读全文
posted @ 2019-07-31 16:54
摘要：1.到应用商店安装easyless插件 2.在setting.json中添加配置 3.保存less文件后，重新打开vscode，编译好的css文件就会在指定文件夹下
阅读全文
posted @ 2019-07-30 23:45
摘要：animation-play-state用于设置动画的状态，有两个值，paused和running
阅读全文
posted @ 2019-05-29 17:21
摘要：0.引入animate.css 1.用transition标签包裹多个运动的元素，transtion-group标签使用enter-active-class定义进入动画的类，用leave-active-class定义离开动画的类。 2.被包裹的元素要使用key属性，属性值要唯一 例子：
阅读全文
posted @ 2019-05-17 10:48
摘要：1.在main.js中引入animate.css 2.使用transition标签包裹运动的元素,使用enter-active-class定义进入动画，使用leave-active-class定义离开动画，注意animate.css的所有动画要加animated这个类 例子：
阅读全文
posted @ 2019-05-17 10:37
摘要：1.使用transition标签包裹要运动的元素，给transition标签定义一个name属性 2.定义6个类名，每个类名都要用trnasition的name的属性值作为前缀。 (1) v-enter-active 和 v-leave-active 这两个类，定义过渡的属性 (2)v-enter
阅读全文
posted @ 2019-05-17 10:29
摘要：h1,h2,h3,h4,h5,h6{ font-weight:normal }
阅读全文
posted @ 2019-03-26 16:48
摘要：设置两个div，外层scale，内层rotate。
阅读全文
posted @ 2019-03-05 12:48
摘要：flex布局的两个概念 flex container 和 flex items flex container 设置 display:flex flex items 设置 flex:1 flex 布局排列方向： 默认: /* flex-direction的值的改变，会改变元素排列方式和对齐方式 */
阅读全文
posted @ 2019-02-15 15:11
摘要：1.div设置flex布局 2.div不要设置height,设置min-height
阅读全文
posted @ 2019-01-31 09:38
