10 2015 档案

windows.onload和 document.ready区别
摘要：在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){})这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。而window.onload是在dom文档... 阅读全文
posted @ 2015-10-09 00:27 自_定义 阅读(417) 评论(0) 推荐(0)
深入理解line-height
摘要：什么是行间距？古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-height被用来控制行与行之间垂直距离。不过，行间距与半行间距，还是取决于CSS中的line-height。那么，如何来使用line-height... 阅读全文
posted @ 2015-10-07 01:24 自_定义 阅读(19345) 评论(1) 推荐(4)
display:none,overflow:hidden,visibility:hidden之间的区别
摘要：一，display:none;隐藏元素，不占网页中的任何空间，让这个元素彻底消失（看不见也摸不着）二，overflow:hidden;让超出的元素隐藏，就是在设置该属性的时候他会根据你设置的宽高把多余的那部分剪掉我们都知道每个浏览器对代码的解析都不同，所以我们在做页面的时候会遇到很多bug，在IE里... 阅读全文
posted @ 2015-10-06 20:17 自_定义 阅读(9184) 评论(0) 推荐(2)
diplay:table-cell和伪元素：after方法让图片居中
摘要：让图片居中和文字居中是不一样的，文字居中可以通过line-height等调整，让图片居中方法，参考各种资料博文和测试 目前接触两种方法 display:table-cell和伪元素：after方法一，display:table-cell这个属性是让元素以表格单元格的形式呈现类似table标签中的td... 阅读全文
posted @ 2015-10-06 17:15 自_定义 阅读(2943) 评论(0) 推荐(0)
弹性布局各种坑爹兼容
摘要：当然也看到过遇到flexbox布局的属性将所有的新的老的前缀都加上的，这样省事啊 谁闲着没事整天研究那几个属性的兼容，更可况前端发展这么快说不定有更牛逼的样式出现但是想在移动端用好这个布局摸透这个属性 我还是一个个都探究下吧，在此先说下各浏览器PC端最新版本情况目前：IE最新版本是ie11， FF最... 阅读全文
posted @ 2015-10-05 18:58 自_定义 阅读(59598) 评论(3) 推荐(8)
弹性布局flex
摘要：前几天写过怪异盒子布局，以前在项目中用到弹性布局flex这个属性，当时没深入研究，这里各种查阅各种测试，把这个属性记录下 以免忘记，弹性布局：是提供一种更加有效的方式来对一个容器中的条目进行排列、对齐和分配空白空间。即便容器中条目的尺寸未知或是动态变化的，弹性盒布局模型也能正常的工作。让一个盒子具有... 阅读全文
posted @ 2015-10-02 15:08 自_定义 阅读(7322) 评论(0) 推荐(0)
中间固定两侧自适应三栏布局
摘要：上一种布局“中间自适应两侧固定” 用了三种方法去解决，这一种是不常见的布局格式，来看下解决方法，先看简单的解决 第一种：绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title 阅读全文
posted @ 2015-10-01 16:03 自_定义 阅读(293) 评论(0) 推荐(0)
两侧固定中间自适应三栏布局
摘要：第一种方法：绝对定位: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body,html{ padding: 0; margin: 0; height: 1 阅读全文
posted @ 2015-10-01 12:03 自_定义 阅读(334) 评论(0) 推荐(0)