CSS
gerrylon007
这个作者很懒,什么都没留下…
展开
-
页面元素置灰css代码
html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: progid:DXIma...原创 2018-07-15 10:13:17 · 8860 阅读 · 0 评论 -
使用css判断输入是否为空
上面这张图是某设计稿的一部分, 两个输入框分别为密码和重复密码. 看第一个密码输入框的那几个黑点, 比正常的大, 相邻两个的间距也比较大, 看起来比较协调. 正常情况下, 那几个黑点是挤在一起的, 而且比较小.可能我们从来没管过这个, 这个确实没什么影响, 不过昨天我忽然想到这个效果怎么实现, 折腾了一下.仔细思考下, 我们要的是什么样的效果呢? 在输入不为空的情况下, 黑点的间...原创 2018-08-21 09:12:54 · 9216 阅读 · 0 评论 -
scss去除计算结果与单位间的空格
scss函数计算后与单位直接连接会有多余空格, 如:// .div0 {// width: 0.5 px;// }.div0 { width: pow(2, -1)px;}注意结果, 0.5和px间有个空格那如何消除呢? 试了下如下几种写法都可以产生预期的效果:// 下面几种写法的结果都一样:// .div0 {// width: 0.5px;//原创 2018-02-05 14:02:53 · 1121 阅读 · 0 评论 -
移动端常用样式设置
-webkit-tap-highlight-color点击一个链接或者有事件监听的元素被点击的时候会被高亮显示, 解决方式body { -webkit-tap-highlight-color: transparent; /* 或者如下也是同样的效果 */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 改写iOS Safar原创 2017-12-04 14:16:10 · 1801 阅读 · 0 评论 -
less字符串拼接
@iconUrl: "/img";// mixin.c-icon(@bgImg) { background-image: url(@bgImg);}.bg { @someImgUrl: "/icon.png"; // call mixin .c-icon(); .c-icon("@{iconUrl}@{someImgUrl}"); // or below原创 2017-05-23 21:08:11 · 13987 阅读 · 0 评论 -
CSS常用中文字体对应的英文名称
中文名称 英文名称 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 仿宋 FangSong 楷体 KaiTi原创 2016-08-27 11:59:47 · 649 阅读 · 0 评论 -
CSS 之 overflow
overflow是CSS中一位比较重要的属性, 在实际应用中, 我经常用她来控制滚动条,现在说说我学到的关于overflow.这是w3c关于overflow的说明: CSS overflow属性.关于overflow有以下说明:浏览器的默认滚动条来自html标签, 而不是body标签.overflow除了visible以外的其他三个值(scroll, hidden, auto)都可以形成BFC原创 2016-07-29 21:40:32 · 367 阅读 · 0 评论