2014年12月_bingqingsuimeng

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载使用HTML5/CSS3五步快速制作便签贴特效

本篇文字将展示给你的是，如何利用HTML5/CSS3，仅用5步就可以制作便签贴效果的HTML页面，效果图如下：(注：图里的文字纯属杜撰，搞笑目的，如有雷同，纯属巧合，谢谢！)注：该效果可以在Safari, Chrome,Firefox和Opera在看到效果，IE上由于对HTML5的支持不完全，所以看不出效果。第一步：创建基本HTML和正方形首先添加

2014-12-29 16:37:49 2339

转载 CSS中的zoom:1的作用

网站建站：莜霓网络兼容IE6、IE7、IE8浏览器，经常会遇到一些问题，可以使用zoom:1来解决，有如下作用：触发IE浏览器的haslayout。解决ie下的浮动，margin重叠等一些问题。比如，本站使用DIV做一行两列显示，HTML代码：[html] view plaincopydiv class="h_mainbo

2014-12-29 10:40:07 4996

转载响应式设计的IE支持

响应式设计的IE支持 IE8或更早的版本不支持HTML5的标签和媒介查询（MediaQuery）。我们需要引用css3-mediaqueries.js（或者respond.js）和html5shim.js来提供支持。如果你不打算使用html5shim.js，可以把标签用代替。[html] view plaincopy

2014-12-24 10:32:39 575

转载叶子形状的loading

body{ background: #000;} .color1{ background: #FDE515;} .color2{ background: #00DEF2;} @-webkit-keyframes loadRotate{ fr

2014-12-19 14:58:10 709

转载未知高度多行文本垂直居中

近日，微博上有朋友比较纠结未知高度的文本垂直居中问题。这个和「未知高度图片垂直居中」有些类似，但是有一些细节需要注意。这里有之前写的一个未知宽高对话框的垂直居中（拖动改变大小看是不是依然居中？），只不过对话框是相对于 viewport（视口）居中的，这里的文字需要的是相对于容器垂直居中。拿到这样的需求时，先不要想着如何兼容 IE6/7。先想想文字垂直居中靠什么属性？vertical

2014-12-17 13:13:39 2687

转载准确理解CSS clear:left/right的含义及实际用途

零、说点什么好久没更新了。并不是在折腾什么大作，而是广度学习与实践中，加上婚礼等诸多大事，所以产出较少。今天这篇也只是小作，博客是自己很好的学习工具，只要我学习不止，博客也会不断更新的。我们平时一般都使用clear:both清除浮动，貌似就干这一件事件。用得很开心，但似乎理解上懵懵懂懂，我其实也是，早年的时候，测试过CSS clear:left/right，虽知其作用（

2014-12-12 13:35:40 1865 1

转载 ie hack

background-color: #CC00FF; /*所有浏览器都会显示为紫色*/background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/*background-color: #0066FF; /*IE6、IE7会变为蓝色*/_background-color: #009933; /*IE6会变为绿色*/

2014-12-12 13:08:57 514

转载垂直外边距合并--CSS的Margin属性:详解margin属性

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

2014-12-12 12:52:09 7496 3

转载关于编写性能高效的javascript事件的技术 ---事件委托

如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍，轰动了整个web开发技术界，让神秘的web前端优化问题成为了大街的白菜，web前端优化变成了菜鸟和大牛都能回答的简单问题，当整个业界都知道了惊天秘密的答案，那么现有的优化技术已经不能对你开发的网站产生的质的飞越，为了让我们开发的网站性能比别人的网站更加优秀，我

2014-12-11 10:39:24 1027 1

转载 js Web前端书籍推荐

一. 入门级：就是有一定的基础(比如最常见的HTML标签及其属性、事件、方法;最常见的CSS属性;基础的JavaScript编程能力)，能够完成一些简单的WEB前端需求。　　推荐：《JavaScript dom 编程艺术》　　理由：此书绝对是入门的好书，本人也是在接触JS一段时间后才看的这本书。此书从JS的历史 - JS基础语法知识 - DOM介绍和简单的使用。现在这本书已经出了

2014-12-11 10:33:04 1226

转载史上最强大的浏览器嗅探

在前端开发中经常会遇到一系列兼容性问题，怎样精准地识别出各个浏览器的版本是一件很头痛的问题，尤其是navigator有可能被厂商伪造的情况。虽然大神们建议要针对浏览器特性来处理而不是通过浏览器版本，但是实际操作过程中却有相当大的困难。　　以下是大神们总结的各种浏览器嗅探的办法，亲测无误IE篇：ie=!!window.VBArrayie678=!+"\v1";ie

2014-12-11 09:43:00 19374 1

转载 5个典型的JavaScript面试题

IT 行业对JavaScript开发者有着很大的需求。如果你具备这种角色所需的知识结构，那么你就有很多的机会来影响你的公司，提高你的工资。但是在你被一家公司雇佣之前，你需要展示自己的技能以便通过它们的面试。在这篇文章中，我将列出5个典型的常用于测试候选人的JavaScript技能的问题。问题1：作用域考虑如下代码：(function() {var a = b = 5

2014-12-05 11:43:50 687

转载不写js仅用css实现手风琴和选项卡效果

在10年前有一个软件叫qq，它的面板实现了一种推拉效果，后来有人命名为“手风琴”效果并在网页上通过js实现了这个效果，到今天这种效果依然在一些后台管理界面中存在着。还有一种效果，即window系统实现的一种选项卡的效果，不同标签切换显示对应标签下的内容，后来这种效果也广泛地被应用到网页中，那么是不是实现这些效果，必须要写js代码呢，答案是否定的，今天我带大家通过css3的:target伪类选择器实

2014-12-05 11:38:07 1104

转载 CSS3 经典教程系列：CSS3 线性渐变（linear-gradient）

《CSS3 经典教程系列》的前一篇文章向大家详细介绍了 text-shadow 文本阴影特性的用法，今天这篇文章我们在一起来看看 CSS3 中实现渐变效果的 Gradient 属性的具体用法。在以前，渐变效果和阴影、圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐20个非常绚丽的 CSS3 特性应用

2014-12-05 10:40:25 621