06 2017 档案

兼容性
摘要：css常见问题 H5标签兼容（IE6下的问题）。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /*IE6不识别这些标签，所以要通过js动态创建 阅读全文
posted @ 2017-06-30 17:32 左耳_fly 阅读(248) 评论(0) 推荐(0)
定位
摘要：relative相对定位/定位偏移量 position:relative;相对定位 不影响元素本身的特征 不使元素脱离文档流(元素移动之后原始位置会被保留) 如果没有定位偏移量，对元素本身没有任何影响 提升层级 定位元素位置控制 top | right | bottom | left 定位元素偏移量 阅读全文
posted @ 2017-06-30 10:38 左耳_fly 阅读(164) 评论(0) 推荐(0)
float/文档流
摘要：float : left | right | none | inherit; 文档流是文档中可显示对象在排列时所占用的位置。 浮动的定义: 使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 clear : left | right | both | none | in 阅读全文
posted @ 2017-06-29 23:12 左耳_fly 阅读(238) 评论(0) 推荐(0)
line-height
摘要：line-height 行高 文字在一行里面所占用的位置，当行高的值与容器高度一致时，文字会垂直居中显示。 多行文字测量 行高的方法： 1）确认文字大小。 2）确认两行文字之间的空隙大小。 3）空隙大小除以2，得出来的值就是每行文字的上下的空隙大小。 3.1）当行高为基数时，那么文字的上方要比下方少 阅读全文
posted @ 2017-06-29 10:33 左耳_fly 阅读(197) 评论(0) 推荐(0)
javascript学习1
摘要：for(变量 in 对象){ 执行的语句块; } 作用: 1.遍历数组中的所有数组元素. 2.遍历javascript对象的所有属性. 异常抛出语句 异常捕获语句 with语句 javascript定义函数主要 有以下3种方式: 1.命名函数 2.匿名函数 3.使用function类构造匿名函数 格 阅读全文
posted @ 2017-06-26 12:02 左耳_fly 阅读(163) 评论(0) 推荐(0)
正则表达式
摘要：*什么是正则表达式 正则表达式是对字符串操作的一种逻辑公式，就是用实现定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。 *使用正则表达式的目的 给定的字符串是否符合正则表达式的过滤逻辑(称作"匹配"); 可以通过正则表达式，从字符 阅读全文
posted @ 2017-06-25 22:17 左耳_fly 阅读(199) 评论(0) 推荐(0)
刷新当前页面
摘要：刷新当前页面 阅读全文
posted @ 2017-06-23 16:29 左耳_fly 阅读(181) 评论(0) 推荐(0)
回车提交表单
摘要： 阅读全文
posted @ 2017-06-23 16:24 左耳_fly 阅读(111) 评论(0) 推荐(0)
原生dialog
摘要：对话框 阅读全文
posted @ 2017-06-23 16:18 左耳_fly 阅读(154) 评论(0) 推荐(0)
chrome表单自动填充去掉input黄色背景解决方案
摘要：chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式: 有些时候，这个黄色背景会和我们的界面很不和谐，影响美观，这时，我们应该如何解决呢？很简单，我们可以加 阅读全文
posted @ 2017-06-23 10:02 左耳_fly 阅读(189) 评论(0) 推荐(0)
img 标签下多余空白的解决方法
摘要：在浏览器中，图片默认的vertical-align是baseline。那么，我们该如何去掉这多余的空白呢？ 1）将图片转换为块级 img{display:block;} 2) 设置图片的垂直对齐方式 img{ vertical-align:top} 3) 设置父级的文字大小为0px font-siz 阅读全文
posted @ 2017-06-23 09:59 左耳_fly 阅读(520) 评论(0) 推荐(0)
文字不透明，背景透明
摘要：文字不透明，背景透明 阅读全文
posted @ 2017-06-22 15:51 左耳_fly 阅读(122) 评论(0) 推荐(0)
兼容各种浏览器的透明层效果
摘要：filter: alpha(opacity=60); opacity: .6; -moz-opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); -ms-filter:progid:DXImageTransf 阅读全文
posted @ 2017-06-22 15:49 左耳_fly 阅读(169) 评论(0) 推荐(0)
清除浮动 -- 具有兼容性
摘要：作用于浮动元素的父元素 阅读全文
posted @ 2017-06-22 15:37 左耳_fly 阅读(162) 评论(0) 推荐(0)
border:none;和border:0;的区别
摘要：一、是理论上的性能差异 【border:0;】把border设为“0”像素虽然在页面上看不见，但按border默认值理解，浏览器依然对border-width/border-color进行了渲染，即已经占用了内存值。 【border:none;】把border设为“none”即没有，浏览器解析“no 阅读全文
posted @ 2017-06-22 09:38 左耳_fly 阅读(288) 评论(0) 推荐(0)
input输入框与元素间有间隙
摘要：解决方法1: 解决方法2： 阅读全文
posted @ 2017-06-22 09:37 左耳_fly 阅读(563) 评论(0) 推荐(0)
显示3行，还要省略号(这个属性比较合适WebKit浏览器或移动端（绝大部分是WebKit内核的）浏览器)
摘要：div{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 阅读全文
posted @ 2017-06-21 17:43 左耳_fly 阅读(227) 评论(0) 推荐(0)
input file 修改按钮名称
摘要：解决方法： 1)页面上放个隐藏的<input type=“file” /> 2)然后加上一个文本input（type="text"）和一个按钮input（type="button"） 3)点按钮的时候调用<input type=file />的click选择文件 4)在<input type=fil 阅读全文
posted @ 2017-06-21 17:41 左耳_fly 阅读(8841) 评论(2) 推荐(2)
文本溢出处理
摘要：网页设计时经常发生文本内容超出容器范围的问题，在内容较多时多采用分页效果，在内容较少时则采用一些普通的文本溢出处理。常见的文本溢出处理方式有： 1.简单裁切 2.简单隐藏 3.隐藏并显示省略号 4.使用滚动条 阅读全文
posted @ 2017-06-21 17:39 左耳_fly 阅读(230) 评论(0) 推荐(0)
移动WEB前端开发资源的一些素材
摘要：meta篇： css篇： 阅读全文
posted @ 2017-06-21 17:33 左耳_fly 阅读(440) 评论(0) 推荐(0)