随笔分类 -  CSS

阻止ios 手机 点击div出现选中的效果（黑色）
摘要：<div></div>div { user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; /* 防止ios 出现点击div 出现选中效果*/} 阅读全文
posted @ 2018-08-08 18:56 业余大学生 阅读(836) 评论(0) 推荐(0)
input 修改placeholder颜色
摘要：<input class="user-input" type="text" value="" placeholder="请输入你的昵称" maxlength="5"> 修改placehoder字体颜色， input::-webkit-input-placeholder { color: #fff;} 阅读全文
posted @ 2018-08-02 11:19 业余大学生 阅读(1220) 评论(0) 推荐(0)
animation ios手机无法暂停
摘要：.arrow { position: absolute; top: 0; left: -25%; width: 157px; height: 42px; background: url(../images/zhizhen.png) no-repeat; transform-origin: 144px 阅读全文
posted @ 2018-05-23 12:00 业余大学生 阅读(449) 评论(0) 推荐(0)
两个DIV宽度和为100%，均为inline-block,却不在一条水平线上
摘要：没在一行，并且中间有条缝。 原因：两个div之间有空格 解决：给最外层div添加：{font-size:0} 阅读全文
posted @ 2017-10-17 17:54 业余大学生 阅读(2132) 评论(0) 推荐(0)
css 如何自适应布局 在没有具体宽的情况
摘要：让需要自适应的部分设置 div{ position：absolute; left:0; top:0; bottom:0; right:0 } div自动撑开整个屏幕 阅读全文
posted @ 2017-09-27 11:09 业余大学生 阅读(175) 评论(0) 推荐(0)
图标字体库（用CSS样式生成搜索、购物车等图标）
摘要：参考网址：http://fontawesome.dashgame.com/ 基本图标: 您可以将Font Awesome图标使用在几乎任何地方，只需要使用CSS前缀 fa ，再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用 <i> ，因为它更简洁。 但实际上使用 阅读全文
posted @ 2017-09-06 17:05 业余大学生 阅读(1316) 评论(0) 推荐(0)
为什么a标签中使用img后,高度多了几个像素？
摘要：网上查的答案1： 原因： a元素下有一个匿名文本，这个文本外有一个匿名行级盒子，它有的默认vertical-align是baseline的，而且往往因为上文line-height的影响，使它有个line-height，从而使其有了高度，因为baseline对齐的原因，这个匿名盒子就会下沉，往下撑开一 阅读全文
posted @ 2017-09-06 16:48 业余大学生 阅读(498) 评论(0) 推荐(0)
两个input在同一行连着不留缝隙
摘要：方法1：让两个input 连在一起写 不换行 方法2：给这两个input的父元素添加 font-size:0 .inputDiv { font-size: 0;} 方法3：用定位 调节left top方法4：用浮动 阅读全文
posted @ 2017-08-28 14:53 业余大学生 阅读(14710) 评论(0) 推荐(0)
css 清除浮动的方法
摘要：方法二：父级div定义 overflow: auto或者hidden（注意：是父级div也就是这里的 div.outer） 此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。 不过使用overflow的时候，可能会对页面表现带来影响，而且这种影响是不确定的，你最好是能在多个浏览器上 阅读全文
posted @ 2017-08-22 12:01 业余大学生 阅读(229) 评论(0) 推荐(0)
css 找到隐藏元素个数
摘要：<form> <input type="hidden" name="email" /> <input type="hidden" name="id" /> </form> var lengthNum=$('input:hidden').length; console.log(hiddeElement 阅读全文
posted @ 2016-08-23 10:32 业余大学生 阅读(160) 评论(0) 推荐(0)
css 禁止长按保存功能
摘要：*{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} 或者指定某个元素添加#div{-webkit-user-select: none;-moz-user-select 阅读全文
posted @ 2016-08-22 18:00 业余大学生 阅读(2108) 评论(0) 推荐(0)