css
文章平均质量分 74
差不少
这个作者很懒,什么都没留下…
展开
-
vue中transition标签的使用(一)
transition to标签的使用 transition标签上的name要和需要用到的css样式的开头一致 官方一共提供了6个样式 注: css样式开头的sky是可以随意命名的,只需与transition标签上的name属性的值一致即可。 动画类之间不要使用其他类隔开,否则会失效。 自定义过渡class名 注: 自定义class动画会自动覆盖原有的动画 :duration 定义动画持续时间 :duration也可以单独设置进入和离开时间。 并且设置了可以有一定的延时作用(比如把enter的时间原创 2022-07-12 19:44:47 · 2873 阅读 · 0 评论 -
css基础
css:层叠样式表 css是一门语言,但不是一门编程语言 书写/使用方式: 行内式: style=“属性:属性值;” 内部样式: <style> 选择器:{ 属性:属性值; } </style> 外部样式(2种): <link rel="stylesheet" href="style.css"> 属于xmail标签 先加载css完毕后,再继续加载h...原创 2019-04-29 11:55:36 · 167 阅读 · 0 评论 -
css3伪元素与选择器
css3 伪元素: ::伪元素 例如: ::before 功能与伪类相同 可设宽高等一切属性 选择器: div[attr] 例:div[class] 找到所有具有class属性的div div[attr=“value”] 例:div[class=“test”] 找到所有具有class属性并且属性值为test的div(class叫test的div) div[attr^=“value”] 例:div[...原创 2019-04-29 17:06:46 · 278 阅读 · 0 评论 -
css3弹性盒子模型
弹性盒子模型 display:flex; 是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。 轴: 主轴x轴 方向:从左到右 纵轴/侧轴y轴 方向:从上到下 弹性容器: 一个包含于子元素的容器设置了display:flex,那么这个容器也就变成了弹性容器 属性: flex-direction: 弹性容器中子元素的排列方式...原创 2019-04-29 17:30:19 · 1289 阅读 · 0 评论 -
css3动效一:transition 过渡的简单整理
transition 过渡 语法(简写):transition:porperty duration timing-function delay 例:transition: width 2s 1s,height 2s 2s,background-color 3s 1s;(连写示例 多个以逗号分隔) 注:在开发的时候,推荐尽可能的使用简写属性。 属性: transition-porperty 需要使用...原创 2019-04-29 17:51:14 · 1604 阅读 · 0 评论