inline|block|inline-block整体上的区别 1、在概念上说：inline和block完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满；inline-block为内联块元素，既可以不产生换行，还保留块元素宽高和边距的属性。 2、布局级别上说：HTML元素各有其自身的布局级别（block…
hasLayout是IE特有的一个属性。很多的ie下的css bug都与其息息相关。在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。当一个元素的hasLayout属性值为true时，它负责对自己和可能的子孙元素进行尺寸计算和定位。虽然这意味着这个元素需要花更多的代价来维护自身和里面的内容，而不是依赖于祖先元素来完成这些工作。 haslayout是怎么来的？ 为了解决这个问题，微软的天才coder决定去修理他们的这个古老的引擎，因此haslayout这个属性就诞生了。每…
清除浮动是web前端工程师的必修课，下面就清除浮动的方法进行归纳整理及优缺点分析 方法一：DIV闭合处，加<div class=”clear”></div> (.clear{clear:both}) 代码如下： <div class=”div1″> <div class=”left”>我是左浮动</div> <div class=”right”>我是右浮动</div> <div class=”clear”></di…
页面制作中大渐变背景色切图非常影响页面打开速度，下面给出解决渐变背景色css解决方案供参考 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#fcf8f3); background: -ms-linear-gradient(top, #ffffff, #fcf8f3); background: -moz-linear-gradient(top, #ffffff,#fc…
html页面切换过度效果实现方法很简单，但是对于浏览器的设置有需求，经过测试IE浏览器的默认设置没有问题，但是其他浏览器需要进行设置才可以。 实现方法就是：利用文本头的 <meta> 标记实现页面过渡效果，具体说明如下： IE要求: 在IE5.5及以上版本的浏览器中. 启用网页过渡效果 默认情况下都已经启用了，如果需要手动启用则只需在Internet选项中： Advanced（高级） - Browsing（浏览） - Enable page transitions（启用页面过渡）即可。 应用…
大神导演、佳能光线专家Vincent Laforet将教你从最基础的延时知识，包括拍摄地点、机位、镜头选择，以及需要避免的状况，到进阶设备的使用、后期处理，你可以学会完整的延时摄影工作流程。 延时摄影是表现时间流逝的上好方法，所以你需要仔细观察事物的动态和变化，尽量选择这样的对象，然后再架设相机。其灵魂是“变化、移动和动态”。 1、寻找变化和动态 2、寻找合适的前景物体 3、确定拍摄对象变化的时间长度 4、确保每秒钟至少有24张的图片可以使用 5、永远不要嫌照片太多 在延时摄影中，应当关闭所有自动功能…
人生总会有许多巧合 两条平行线，也可能有交会的一天。 人生总有许多意外 握在手里的风筝也会突然断了线。 下一刻是未知的，把握当下，做认为对的事，非不尽心而错过，无悔矣！
网站加载速度的工具 1. Page Speed Google 的 Page Speed 是一款开源的，基于Firefox浏览器外接附件，您可以用它来测试当前的网页并获取信息如何来提升页面加载速度。 在使用Page Speed前，您还需要添加Firefox的另一款外接附件Firebug。 访问 Page Speed 2. Yahoo! YSlow Yahoo! YSlow也是一款基于Firefox/Firebug的外接附件，也可以拿来测试网站速度及相关提升网页性能意见建议。 通常而言，如果您的页面速度(Page Sp…