一只北漂的小鱼oO

在css中定义滚动条样式1,Overflow内容溢出时的设置overflow 水平及垂直方向内容溢出时的设置 overflow-x 水平方向内容溢出时的设置 overflow-y 垂直方向内容溢出时的设置以上三个属性设置的值为visible、scroll、hidden、autovisible 默认值。使用该值时，无论设置的"width"和"height"

一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em; background-color:

1.         css相对长度单位Ø         em          元素的字体高度Ø         ex           字体x的高度Ø         px           像素PixelsØ         %           百分比Percentage2.         css绝对长度单位Ø         in

引用qingli198 的 CSS行高line-height属性理解及应用  行高的概念看上去很简单——文字行的高度，其实，行高所涉及到的基础知识，对于今后理解其它属性也很重要。大片密密麻麻的文字往往会让人觉得乏味，因此适当地调整行高（line-height）可以减低阅读的困难与枯燥，并且使页面显得

用css来实现自动截取文字，不需要后台程序和JS的使用好处是： 兼容IE，firefox，Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度。 不好的地方： 不能自动判断截取长度，当字符很短的时候在Firefox中也会生成后面的省略符号。 另外在设置截取宽度的时候，要注意，尽量让文字截取完整。 Qu

多次在项目中遇到html页面元素的非期待重叠错误，多数还是position定位情况下z-index的问题。其实每次解决类似问题思路大致都是一样的，说到底还是对z-index的理解比较模糊，可以解决问题却不大了解其原因，导致重复出错......于是决定把重叠问题弄清下，把z-index理顺下。经过一番查找对比实践理解，下面就从元素重叠的背景常识及可能原因说起，浅谈下position定位元素的

我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用吧：1234567891011

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=739一、哗啦哗啦的简介zxx://这里“哗啦哗啦”的作用是为了渲染一种氛围。content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大

简介：让你可以即时定制的可伸缩矢量图标；　　　公有302种图标任你选择；　　　图标的风格，如：大小、颜色、阴影可以通过css样式修改；　　  支持ie6、7；图例：　　demo：DOCTYPE html>html >head>meta charset="UTF-8" />meta name="author" content

应原书编辑要求，先在文章顶部给出链接：《Everything You Know About CSS Is Wrong》http://www.sitepoint.com/books/csswrong1/这本书是10月发行的新书，为了避免版权纠纷，如要转载本文请保留以上链接，并遵循该CC2.5协议。从digital-web的首页上看到一个标题党《Everything You Kno

在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一将外部容器的显示模式设置成display:table，这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签，并设置span的

像你所遇到的问题一样， IE6浏览器有太多的bug让制作网页的人头疼。这篇文章介绍的是介绍的是如何解决IE6不支持position:fixed;属性的办法。如果我们需要做某个元素始终位于浏览器的底部，不会因为浏览器窗口的缩放和滚动条的滚动而变化，那个肯定是想到的用position:fixed生成绝对定位，只要设置这个CSS属性就能达到刚刚的需求。当其他浏览器都正常显示的时候，只有IE6不那么完美。

display:inline-block 在IE6中实现此文摘自：http://blog.sina.com.cn/hututuzhu 前端之路 （博客）1、IE6/7不识别inline-block，只是触发了layout，表现跟真实一样。2、IE6/7不完全支持inline-block，只对内联元素有效。 IE下块元素如何实现 display:inline-

CSS中的Zoom属性一般不为人知，甚至有些CSS手册中都查询不到。 Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。  Zoom的使用方法：  zoom :normal | number  norm

在进行页面的DIV+CSS排版时，遇到IE6（当然有时Firefox下也会偶遇）浏览器中的图片元素img下出现多余空白的问题绝对是常见的，对于该问题的解决方法也是“见机行事”，根据原因的不同要用不同的解决方法，这里把解决直接把解决image图片布局下边的多余空白的BUG的常用方法归纳，供大家参考。方法整理来源于万福的网络。  　　1、将图片转换为块级对象可去掉下边空白