随笔分类 -  css tips

调整文本输入框placeholder的颜色等样式
摘要：input::-webkit-input-placeholder{ color: white !important;}input:-moz-placeholder{ color: white !important;}input::-moz-placeholder{ color: white !imp 阅读全文
posted @ 2016-08-19 16:11 wifix 阅读(347) 评论(0) 推荐(0)
css做中划线与文字排版
摘要：html: <div class="spilt"> <span class="left"></span> <span class="title">活动说明</span> <span class="right"></span></div> css: .spilt{ line-height: 30px; 阅读全文
posted @ 2016-08-18 16:53 wifix 阅读(1695) 评论(0) 推荐(0)
compass的使用
摘要：compass 参考网址: http://compass-style.org/help/ 阅读全文
posted @ 2016-08-05 14:51 wifix 阅读(278) 评论(0) 推荐(0)
css animate
摘要：可以使用transtion和 animation 定义一段时间的css 变化transition 通常是一些转换和过渡的效果animation 通常是一些 @keyframe 定义的动画 animationiteration事件会在当前的动画元素完成一个动画迭代的时候被触发。这个事件非常有用，特别是 阅读全文
posted @ 2016-03-10 14:42 wifix 阅读(566) 评论(0) 推荐(0)
css 优先级
摘要：css优先级 很早以前就知道对同一个元素设置样式时应用样式的优先级是 内联样式>页内样式>大于外联样式 id选择器>class选择器>标签选择器 很简单 一笔带过 但事实上 如果是做前端开发的 还需要更了解详细些 1. !important 是拥有绝对最高优先级的 (设置此值后无论id选择器还是内联 阅读全文
posted @ 2016-03-10 11:13 wifix 阅读(321) 评论(0) 推荐(0)
dom内容区域的滚动overflow,scroll
摘要：去掉手机上点击点中的默认高亮效果 -webkit-tap-highlight-color: rgba(0,0,0,0); ios手动启动一下监听touch事件以响应css伪类: document.addEventListener("touchstart", function(){}, true) 传 阅读全文
posted @ 2016-03-09 12:16 wifix 阅读(949) 评论(0) 推荐(0)
iphone上做webapp时总会识别一串数字为手机号码并变黑显示
摘要：iphone上网页里总会识别一串数字为手机号码并变黑显示 只需要在head里加上一个特别的meta即可 阅读全文
posted @ 2015-10-28 15:10 wifix 阅读(382) 评论(0) 推荐(0)
webapp的favicon应该怎样组织代码
摘要：处理过那么多index 页面了那么关于特别针对于此页的favicon是时候详细的总结一下了 它是网站的头像,它出现在浏览器的收藏夹中(标题的旁边) ,浏览器标签页的左上角,微信公众号的logo,保存网页快捷方式到桌面则会变成桌面的图标等 常用尺寸为16×16、32×32、48×48,当然随着出现地方 阅读全文
posted @ 2015-09-28 17:22 wifix 阅读(1620) 评论(0) 推荐(0)
部分浏览器上a标签包裹的dom元素显示不正常
摘要：在苹果和部分安卓机上出现,pc端和chrome浏览器响应式设计里怎么样也不会出现的访问后a标签包裹的dom元素显示不正常a标签内的hr元素颜色显示不正常hr水平线的颜色被 bootstrap的css的 或者被user agent stylesheet 重写覆盖出现的原因是因为hr的css采用了 一些 阅读全文
posted @ 2015-09-08 12:13 wifix 阅读(3803) 评论(0) 推荐(0)
css垂直居中的几种方式
摘要：1. 对于可以一行处理的 设置 height:apx; line-height:apx; 2.对于一段文字(会多行显示的) ->2.1如果是可以设置一个固定高度的 父元素使用display:table; height: apx; 子元素使用 display:table-cell; vertical- 阅读全文
posted @ 2015-06-29 15:05 wifix 阅读(369) 评论(0) 推荐(0)
tips 前端 背景与元素的透明和模糊
摘要：碰到好几次这样的情况了: 一个带点儿文艺效果 背景图片模糊 而一行别致的文字清晰的悬浮在背景上(口胡,加点美好的想象,生活会更美好)第一反应是 this is easy. cause i know css have attribute like(blur,opacity)好像很容易,顶多再加点儿 l 阅读全文
posted @ 2015-05-11 13:51 wifix 阅读(902) 评论(0) 推荐(0)