![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
lxy123456780
这个作者很懒,什么都没留下…
展开
-
styled-components怎么用
先安装npm install --save styled-components创建样式组件 style.js表示一个组件元素divimport styled from 'styled-components'export const HomeWrapper = styled.div` width: 960px; margin: 0 auto; height: 300px; background: red;`使用样式组件// 先引入组件import {HomeWrap.原创 2021-03-29 19:22:18 · 308 阅读 · 0 评论 -
vue加animation.css动画
npm装一个animation.css插件npm install animate.css --save在main.js中加上css的引用import 'animate.css'在想要加动画的元素上加上类,animate__animated 是基础类必须加,后面的是动画样式类,可以选择很多,具体参考animation.css官网<h1 class="animate__animated animate__bounce">An animated element</h1&..原创 2020-07-07 15:30:35 · 843 阅读 · 0 评论 -
disabled和readonly的区别和用法
disabled 和 readonly的区别disabled的范围更大,不仅可以阻止修改input表单中的值,连button submit都不能够点击,而且设置了disabled后,这个输入域的值也不能够通过form表单传递。readonly的范围较小,仅仅能够阻止修改部分表单的值,select,color range radio checkbox file等无效,可以提交表单,值也照样原创 2018-01-06 16:11:15 · 1517 阅读 · 0 评论 -
display:none和visibility:hidden的区别和用法
#div1 { width: 200px; height: 200px; visibility:hidden; /* display: none; */ background-color: red; }display:none; 在网页中不占用位置,也不会产生box,然而其实是存在的。visibility:hidden; 在网页中是存在的,只不过是一片空原创 2018-01-06 17:33:54 · 647 阅读 · 0 评论 -
浮动后父级边框塌陷的四种解决办法
浮动后父级边框塌陷的四种解决办法当设置某个元素浮动后 父级元素边框会出现塌陷问题,即,父级元素高为0.尽管clear可以清除浮动对其他元素造成的影响,但是依然解决不了父级边框塌陷问题。 以下为四种解决办法: 1. 设置父元素的高度 2. 给父元素添加overflow:hidden属性 3. 给父级添加伪类after 4. 在浮动元素后面添加空div原创 2018-01-06 21:24:46 · 4490 阅读 · 0 评论 -
相对定位和绝对定位和固定定位和static
相对定位 relative特性: 1. 相对于自己的初始位置来定位 2. 元素位置发生偏移后,它原来的位置会被保留下来 3. 层级提高,可以把标准文档流中的元素及浮动元素盖在下边 使用场景: 1. 相对定位一般情况下很少自己单独使用,都是配合绝对定位使用,为绝对定位创造定位父级而又不设置偏移量绝对定位 absolute特性:原创 2018-01-06 21:55:36 · 560 阅读 · 0 评论 -
Vue中全局变量Global
src目录下创建一个api文件夹,api文件夹下创建global.jsglobal.js中:let color = { 'bgColor':'', 'xColor':'#4F5E94', 'fontC':'', 'barC':'#89C04B', }export default {color}在main.js中引入import Global from...原创 2019-04-08 14:33:21 · 4423 阅读 · 0 评论