随笔分类 -  css

H5开发类似rpx实现方法
摘要：1、postcss-px2rem-exclude（推荐） || postcss-px2rem（不推荐）； 2、rem.js 第一步： npm install postcss-px2rem-exclude --save //找到：postcss.config.js //在plugins新增 'post 阅读全文
posted @ 2024-11-17 15:54 MvloveYouForever 阅读(195) 评论(0) 推荐(0)
小程序自动换行失效
摘要：小程序 scroll-view 中 display:flex 失效，导致字体不自动换行。 white-space:pre-wrap；是正解。 阅读全文
posted @ 2019-12-25 11:46 MvloveYouForever 阅读(488) 评论(0) 推荐(1)
桌子上的图片
摘要：上海鲜花港的郁金香，花名：Ballade Dream。 2010年上海世博会，中国馆。 阅读全文
posted @ 2018-09-30 14:13 MvloveYouForever 阅读(101) 评论(0) 推荐(0)
css 纸张效果 666
摘要：css 阅读全文
posted @ 2018-09-30 12:03 MvloveYouForever 阅读(457) 评论(0) 推荐(0)
flex 布局 出滚动条的操作
摘要：flex布局也是可以初横向滚动条的哦， 设置 flex-wrap:nowrap ，然后横向的固定宽度超过100% 则出滚动条 阅读全文
posted @ 2018-04-23 17:54 MvloveYouForever 阅读(2294) 评论(0) 推荐(0)
引用google字体
摘要：1、很简单直接 @import url(http://fonts.font.im/css?family=Shadows+Into+Light); 引入页面即可 2、 使用： font-family: 'Hind Siliguri', sans-serif; 阅读全文
posted @ 2018-04-03 16:16 MvloveYouForever 阅读(291) 评论(0) 推荐(0)
CSS的样式合并与模块化
摘要：一、引言 本文的核心观点为CSS的合并与模块化，似乎与前一篇文章“CSS样式的再分离”有矛盾，其实不然，分离可以精简CSS代码，合并也可以精简CSS代码，一切都是权衡！或是说是在恰当的情况下使用恰当的手段。 正如前文所提到的，分离可以精简CSS，但是同时会带来巨大的HTML代码的开销，显然，对所有的 阅读全文
posted @ 2018-02-02 10:32 MvloveYouForever 阅读(896) 评论(0) 推荐(0)
scss学习笔记
摘要：1、引用父选择符： & 2、font:2px/3px 代表 字体大小2px 且 line-height:3px 3、Placeholder Selectors: %foo 4、Variables: $ 5、Interpolation: #{} 6、变量默认值： !default 你可以在变量尚未赋值 阅读全文
posted @ 2018-01-23 11:01 MvloveYouForever 阅读(184) 评论(0) 推荐(0)
css汇总
摘要：1、居中 2、文字超宽度省略 3、图片自适应 4、三角形 5、字体发光效果 6、背景渐变 阅读全文
posted @ 2018-01-03 12:18 MvloveYouForever 阅读(161) 评论(0) 推荐(0)