css
关注
分享
扫一扫
css
edisonMamba
github: www.github.com/mamba666
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
css每日学一点
min-height设置段落的最小高度content与 :before 及 :after 伪元素配合使用，来插入生成内容。:after用来在元素后面追加生成一个内容background-clip规定背景的绘制区域background-size规定背景图像的尺寸clip-path剪裁的样式animationanimation-direction@keyframes sw...原创 2020-03-09 12:09:48 · 226 阅读 · 0 评论 -
vue中css代码优化----样式篇
在写css的时候有时候会大量重复使用一些颜色，加入今后要修改，就得修改所有的地方，这样显然不符合分离的设计（解耦）。所以应该怎么做呢？1.创建一个新文件，里面存放样式varibles.stylus：$bgColor=#00bcd42.在style中引用这里一定要注意，@是webpack定义的src目录。但是这里在使用是需要加~ 即~@@import "文件所...原创 2020-02-25 19:34:35 · 934 阅读 · 0 评论 -
当图片宽高和轮播图的框不一致时
在使用swiper时，遇到了插入的图片宽高和想在页面上展示的宽高不一致的问题，这样就很头疼，并且还要考虑网络差时页面抖动的问题。因为是图片，加入下面是文字，就会加载的比轮播快，那么很可能文字就会先显示在轮播的位置，等轮播加载完后在被挤下来.废话不多说，直接上代码img（333*222） <div class="wrapper"> <...原创 2020-02-26 10:34:21 · 1720 阅读 · 1 评论 -
关于stylus的方法解耦
废话不多说直接上图将文字过长后添加省略号的方法抽离、并且使用mixins.stylus (方法)ellipsis() overflow hidden white-space: nowrap text-overflow ellipsis在vue组件中使用，这里可能会出现不生效的问题，只需要在父元素中添加 ：min-width 0 即可//引入...原创 2020-02-26 16:20:28 · 182 阅读 · 0 评论 -
完美解决iconfont svg格式的定位问题
因为使用svg格式有很多好处，虽然我只缠它的身体哈哈哈哈。但是相比较于iconfont的传统格式，首先它不是文本，所以不能直接使用text-align，因为要大量的使用居中对齐，所以显然使用svg对于之前的我是个灾难。刚刚都做到第二个页面了，第一个页面的svg我并没有对齐哈哈哈，刚刚自己琢磨了很久，试着在外面包裹了div，才让它动一下。可是还有一个致命的问题，就是在放...原创 2020-02-27 12:59:48 · 2810 阅读 · 0 评论 -
溢出问题
有一个现象，就是一个页面东西太多放不下就会自动出现一个滚轮，由于是默认的，不太行，所以需要对css做一点改变先上两张图未设置样式设置样式后能发现是怎么做的吗？首先定位为绝对定位，此时，是相对除了城市选择和搜索框的其他部分。为了能让整个页面都被选择并且表现为红色，css如下.list position absolute...原创 2020-02-27 16:38:38 · 280 阅读 · 0 评论 -
炫酷的文字渐变效果
话不多说直接上代码 margin-left .2rem font-size .28rem background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #...原创 2020-03-01 20:16:10 · 208 阅读 · 0 评论