![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css基础
qq_25186543
前端菜鸟
展开
-
内容中的 position : fixed 竟然没相对窗口来定位
在 vue 项目中,有个页面切换动画,然后内容里的 position : fixed 只相对 viewBox 来定位,检查后发现动画的css 中的个属性 -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; 然后里面的 fixed 就根据 有这个属性来定位了,暂时不知道 什原创 2017-11-27 17:33:37 · 5838 阅读 · 1 评论 -
css集合
地址 http://blog.csdn.net/hanxue_tyc/article/details/54575418转载 2018-01-03 16:19:50 · 200 阅读 · 0 评论 -
css display:flex应用
display:flex是盒子模型,有兼容模式,要IE8以上的浏览器, 以下属性都要在 display : flex 的前提下才有效 .box flex :1 || 2 || 3 计算一共有几个 flex 然后拿总长度除于份额,再按每份计算 .box{ display: -moz-box; display: -ms-flexbox; display: -webk原创 2018-01-17 11:19:27 · 479 阅读 · 0 评论 -
css 实现进度条条形码和滚动
进度条实现隔色条形用到 background-imag .progress-blue2{ background-image: -webkit-linear-gradient(45deg,#195bb1 25%,rgba(27,95,179,1) 25%,rgba(27,95,179,1) 50%,#195bb1 50%,#195bb1 75%,rgba(27,95,179,1) 75%原创 2018-02-07 10:49:14 · 620 阅读 · 0 评论 -
把 svg 图标转成字体图标调用
1、打开 http://www.iconfont.cn 网站,登录账号2、点击上传图标,上传完去到我的图标就可以查看到刚上传的图标了3、来到我的项目,新建一个项目,然后指到图标上,加入购物车,再添加到新建的项目上,再下载4、下载下来解压,可以看到dome ,打开试下就可以了,放到项目里的是框框里就行了...原创 2018-03-11 18:20:50 · 2293 阅读 · 0 评论 -
移动端字体偏上问题
在移动端用rem来做单位,然后做到一个小框框里放文字的div ,发现字体严重的偏上,原因是:rem单位换算的时候在有的手机会四舍五入掉,每个手机支持不一样,框 框 的长高用PX写死就好了还有一次在做Pc端的时候发现,在window 和 苹果上总有那么一个字体会偏,解决方法:固定一个字体 font-family: "Tahoma";...原创 2018-03-14 11:50:47 · 3288 阅读 · 0 评论 -
css 小细节
1、div 里的文字在没有设置 margin padding 的情况有一点距离:如图:左图片和右文字之间没有设置距离但有一点间隔解决方法:给父级设置 font-size : 0;2、左图右字的布局用 display: inline-block; 的情况下出现右边偏下:如图:解决方法 : 给左边图片的盒子设置 vertical-align: top;3、盒子里的元素上下左右居中父级 display:...原创 2018-03-22 00:28:50 · 156 阅读 · 0 评论