摘要：http://www.zhangxinxu.com/study/200910/css-width-height-auto-btn.html#noghttp://hi.baidu.com/louve01/item/4ac76a03123f9f1acc34eadb 阅读全文

摘要：1、里面是inline例如是文字：在div中加一个span就可以了 设置span样式为：height:32px line-height:32里面的文字就居中了 height:30px; line-height:30px; width:100px; overflow:hidden;2、里面是block 定位方法实现能用margin padding 就用 ;注意该方法 老是又溢出边界现象！.guding{width:500px;height:200px;background:#c2300b;margin-left:50px;position:relative;}.gd{width:50px;hei 阅读全文

摘要：注意观察：mutisel 没起作用！ 阅读全文

摘要：大家有木有在IE7下遇到过单独写好的input或textarea等出现左边间距的情况下面给大家展示一下出现这个BUG的列子IE67下上面是不是有左间距结构源码（最好在firebug下查看） IE67下上面是不是有左间距这种结构经常出现在左右两栏，右边需要表单属性的结构本地测试这个bug只有在IE7下才有原因：产生这种错误的原因是因为当input仅仅包含父元素，父元素拥有layout，和margin-left属性时，IE6和7的input就会错误的继承margin-left这样的属性。当input的外层有写margin-left和overflow:hidden时 就会触发这个bug解决办法就.. 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要：cursor:hand 与 cursor:pointer 的效果是一样，都像手形光标。但用FireFox浏览时才注意到使用cursor:hand在FireFox里并被支持。cursor:hand ：IE完全支持。但是在firefox是不支持的，没有效果。cursor:pointer：是CSS2.0的标准。所以firefox是支持的，但是IE5.0既之前版本不支持。IE6开始支持。附：cursor属性收集光标类型 CSS十字准心 cursor: crosshair;手 cursor: pointer;cursor: hand;写两个是为了照顾IE5，它只认hand。等待/沙漏 cursor: . 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要：我 们在做网页的时候可能会发现，对于一个已经做好的网页如果我只需要去修改其中某一块的样式，例如颜色的时候发现去修改样式表文件往往不起作用，而如果写一 个行内样式的话就可以得到想要的效果，很多时候我们还找不到原因，其实这里面很大程度是样式继承做的怪，所以这里我们有必要来共同来探讨一下CSS样式的 继承。 CSS 的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设，即整体布局声明。而需要要指定为其它样式的部 份设定在个别元素里即可达到效果。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规则，应用的时候容易让人迷惑。继承是一种机制. 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要：一、动态伪类动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体现出来，动态伪类包含两种，第一 种是我们在链接中常看到的锚点伪类，如":link",":visited";另外一种被称作用户行为伪类，如“:hover”,":active" 和":focus"。先来看最常见的锚点伪类 .demo a:link {color:gray;}/*链接没有被访问时前景色为灰色*/ .demo a:visited{color:yellow;}/*链接被访问过后前景色为黄色*/ .demo a:hover 阅读全文

摘要：CSS3 Gradient分为linear-gradient(线性渐变)和radial-gradient(径向渐变)。而我们今天主要是针对线性渐变来剖析其具体的用法。为了更好的应用CSS3 Gradient,我们需要先了解一下目前的几种现代浏览器的内核，主流内容主要有Mozilla（熟悉的有Firefox，Flock等浏览器）、WebKit（熟悉的有Safari、Chrome等浏览器）、Opera（Opera 浏览器）、Trident（讨厌的IE浏览器）。本文照常忽略IE不管，我们主要看看在Mozilla、Webkit、Opera下的应用，当然在IE下 也可以实现，他需要通过IE特有的滤镜来实 阅读全文

摘要：本文我们搁下IE不谈，只谈谈box-shadow的具体使用方法语法：E {box-shadow: ??||}也就是：E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}换句说：对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色}box-shadow和text-shadow一样可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“，”分开。取值：box-shadow属性至多有6个参数设置，他们分别取值：阴影类型：此参数是一个可选值，如果不设值，其.. 阅读全文

只有注册用户登录后才能阅读该文。

只有注册用户登录后才能阅读该文。

摘要：前言：width和heigth不会相互作用 ，各自为政！1、当div设置了固定的长度和宽度后高度和宽度都行！：不管里面有没有内容（可以无视内容），div就是一个框子在那（默认无边框）！即使内容超出，尺寸也不变！#select_box {WIDTH: 330px; HEIGHT: 40px;border:2px solid red;}显示效果：2、若是div设置为百分比的形式宽度无论如何都行！：width:50%;能行！ 无视内容！ 即使内容超出宽度框的宽度还是50%，内容超出框而存在；高度无论如何都不行！：heigth：50%则不行 高度为内容的高度，如要设置高度 需要用height:50px 阅读全文

摘要：前言即使它们position定位，但是与float 还是有区别的，它们始终还是在文档流中，会占用空间，并且受父元素控制（float也会受父元素控制，但是脱离了正常的文档流，在父元素中飘来飘去）。值描述absolute生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过 "left", "top&q 阅读全文

摘要：background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); background-image: -o-li. 阅读全文