![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 50
飞翔的太空人
这个作者很懒,什么都没留下…
展开
-
vue中动画库的使用
animate.css 官方网址 1、安装 npm install animate.css --save 2、导入 import 'animate.css'; 3、使用 <template> <div> <button @click="isShow = !isShow">toggle</button <transition name="slide-fade"> <div class="box" v-if="isS原创 2022-05-09 20:46:22 · 327 阅读 · 0 评论 -
关于css伪元素用法
伪元素伪元素**::first-line****::selection****::after****::first-letter****::before** 伪元素 伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式 一个选择器中只能使用一个伪元素。伪元素必须紧跟在语句中的简单选择器/基础选择器之后。 注意:按照规范,应该使用双冒号(::)而不是单个冒号(:),以便区分伪类和伪元素。但是,由于旧版本的 W3C 规范并未对此进行特别区分,因此目前绝大多数的浏览器都同时支持使用这两种方式来原创 2021-10-24 10:29:46 · 360 阅读 · 3 评论 -
css定位(相对,绝对,固定)
相对定位,绝对定位,固定定位相对定位绝对定位固定定位 相对定位 相对于元素原来的位置移动,通过 top、bottom、left 和 right 四个属性指定移动的方向和距离 在实际应用中,很少使用相对定位来移动元素的位置,大多数是配合决定定位来移动元素距离 .box{ position: relative; /*相对定位*/ width: 300px; height: 200px; borde原创 2021-10-22 08:52:59 · 236 阅读 · 0 评论 -
css基础(选择器)
css基础选择器 选择器 1.标签选择器 语法: 标签名{ 属性1:属性值 属性n:属性值 } 2.类选择器 <p class=“类名”> </p> <!--可以有多个类名,个各类名中间用空格隔开--> .类名{ 属性1:属性值 属性n:属性值 } 3.id选择器 <p id=“id名”> </p> #id名{ 属性1:属性值 属性n:属性值 } 元素的id值是唯一的,只能对应于文档中某一个具体的元素 4.通配符选择器原创 2021-10-21 19:22:44 · 86 阅读 · 1 评论