移除button在IE67下的黑边框
好久没有处理过IE6下的兼容问题了，今天有朋友碰到过input[type=”submit”]和button[type=”submit”]在IE6-7下会出现黑边，就算是你在样式中重置了一个border属性也是如此。真是蛋疼的很。后来经过查找相关的资料，终于找到了解决方法，放上来与大家分享一下…
随时可用的基础样式
如果你平时搜集了一些基本样式，在你写样式的时候就能派上用场。如何用类名定义这些简单的样式，并把他们应用到到各种元素上,这才是最重要的。 既然如此，今天我们将要探讨一下在开发过程中,需要搜集哪些简单的样式来帮助你从头创建一个网站或是应用程序，…
CSS模块化【封装-继承-多态】
首先，什么是CSS模块化？在谈CSS模块化之前我们先看一下百度百科对模块化的解释： “模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要…
css选择器优先级(大鱼吃小鱼，小鱼吃虾米)
css选择器优先级很有意思的一张图都有谁能看不懂的.
css定位之z-index问题分析
关于z-index，目前遇到的一些问题 某些浏览器下元素层级遮盖存在bug; 某个元素z-index设的太大，导致始终无法被遮盖; js动态计算z-index，导致元素覆盖关系部可控 层级遮盖bug出现的原因： IE6/7对z-index的表现跟IE8及以上浏览器不一致。position值为…
五行代码终极完美解决从IE6到Chrome position:fixed问题
五行代码终极完美解决从IE6到Chrome所有浏览器的position:fixed;以及闪动问题 这个方法其实已经使用很久了，是目前最简洁的方式来实现ie6的position:fixed; 失效bug，以及的其他方法的闪动问题，CSS代码如下，很简单，自行修改调试即可： html{ _backgrou…
css之overflow与padding-right
前几天遇到一个问题，一直没找时间把它记下来，今天终于抽出点时间来看看它！对于我来说，它是一个问题，也许是我之前对它理解不够深，所以才会走入陷阱，好了，言归正传，我们来看看这个问题。 首先，准备如下html内容： <!DOCTYPE HTML> <html…
margin负值各种应用
一直在做各种项目接各种需求，但你的代码能力得到提高了吗？不停的项目经历虽然能够增加你的代码行数，但不一定能提升你的代码质量，所以除了构建阶段的代码细扣，项目之后的代码总结是至关重要的。 微吧中除了模块化、公用和皮肤元素处理外，还有很多可…
10常用的jQuery表单操作代码片段
Query绝对是一个伟大的开源javascript类库，是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的javascript，在今天这篇代码片段分享文章中，这里收集了10个超棒超实用的jQuery表单处理代码，希望能够在大家的开发…
如何利用CSS创建整个页面的动画
现代浏览器像 IE10 已经支持了 CSS3D、CSS2D和CSS动画。利用这些技术与js相结合可以有更好的性能和灵活度替代传统的动画。 旋转整个页面 旋转一个元素,设置Z轴45度： https://csswang.com/element { transform: rotateZ(45deg); } 旋转整个页面,设置Z轴45度： body …
关于inline-block的问题
nline-block是个神奇的属性，它既然能在Visual formatting model中占据一席之地，说明有它的独特之处。 什么是inline-block？ 在w3c官网搜一下inline-block就能找到答案，以下是文摘： This value causes an element to generate a block box, which itsel…
CSS透明度大汇总
近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。 这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例…
CSS垂直居中的各种方法
CSS的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。 垂直居中 1、父层高度不确定的垂直居中 通过给父层设置相同的上下内边距实现。 <!DOCTYPE HTML> <html lang=”en-US”> <head> &…
CSS水平居中的各种方法
CSS的居中有水平居中和垂直居中，这两种居中又分为行内元素居中和块级元素居中，不同的居中用不同方法。 水平居中 1、行内元素水平居中（文本，图片） 给父层设置 text-align:center; 可以实现行内元素水平居中。 <!DOCTYPE HTML> <html lang=”e…
cssHack-选择符级Hack
cssHack-选择符级Hack-选择不同的浏览器及版本 尽可能减少对CSS Hack的使用。 通常如未作特别说明，本文档所有的代码和示例的默认运行环境都为标准模式。 一些CSS Hack由于浏览器存在交叉认识，所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的…
