99的博客

ie6-ie8中不支持opacity透明度  opacity在ie9/ie10/ff/chrome/opera/safari显示正常IE：filter:alpha(opacity=sqlN)其中 sqlN的值域为[0, 100]js: ieNode.style.filter="alpha(opacity=sqlN)";  Firefox,Chrome

CSS实现tip框方法一：利用盒模型border利用长宽设为0，border设为一定宽度，上下左右一边设为三角形颜色，另外的transparent.parent1{ width: 0; height: 0; border-width: 30px; border-style: so

春节这几天，我试了试fireworks，感觉比PS用得上手一些，以前学过LESS，用Koala在线编译，比css方便太多，用新版微博的个人主页试一试手（水水的~~），只是实现一些UI上的功能（纪念我的RM不停播O(∩_∩)O~~）截图：附上切图：附上原版的截图：

问题：这个貌似发生过好多遍，但是每次纠正后都没记住，(⊙﹏⊙)    给外面的ul或li或content设置了color属性，里面的a标签里的字不变色（字体可以）。因为a标签默认就有样式，所以不会继承父级的样式，如果需要更改A标签的样式，那么就必须定位到a标签,比如：ul li a{color:#fff};总而言之，color属性不能继承给a，只能给a标签设置。

问题：header中导航中有 首页 游戏 视频。。。。 a标签中加上img文字无法对齐。解决方法： a{ display: inline-block; padding-left: 26px; //留padding-left给img } .home{ background: url(../

问题：写微博页面时，header的外层显示有问题。HTML和css代码结构： 1 2 3.outer{border: 1px solid #ccc;background: #fc9;color: #fff; margin: 50px auto;padding: 50px;}.div1{width: 80px;height: 80px;background

文章转至http://www.ruanyifeng.com/blog/2012/06/sass.html（部分改动）什么是SASSSASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。安装和使用SASS是Ruby语言写的，但是两者的语法没有关系。不懂Ruby，照样使用。只是必须先安装Ruby，然后再安装SA

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-w

转至 http://www.jb51.net/css/142398.html关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3，才发现里面其实暗藏玄机。:nth-child可以选择父元素下的字元素，:nth-of-type也可以。但是它们到底有什么区别呢？ 其实区别很简单：:nth-of-type为什么要叫:nth-of-

今天 同样的.loginContext{ position: absolute; top: 50px; left: 0px; height: 280px; width: 670px; }.loginContext p{ padding: 20px 30px; font-size: 20px;}在chrome和ff中却不一样 ch

大家都知道CSS的全称叫做“层叠样式表”，但估计很多人都不知道“层叠”二字的含义。其实，“层叠”指的就是样式的覆盖，当一个元素被运用上多种样式，并且出现重名的样式属性时，浏览器必须从中选择一个属性值，这个过程就叫“层叠”。样式覆盖（这种叫法更大众化些）遵循一定的规则，之前我对这个规则一直似懂非懂的，直到这几天看了”CSS: The Missing Manual”，才豁然开朗。下面是我的一些学习笔记

文章转至  http://www.cnblogs.com/aimyfly/p/3195898.htmlTransform在部分的test case当中，每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人（包括我）认为transform属性是动画属性。而恰恰相反，transform属性是静态属性，一旦写到style里面，将会直接显示作用，无

水平居中text-align:center 和 margin:0 auto 这两种方法都是用来水平居中的，前者是针对父元素进行设置而后者则是对子元素。他们起作用的首要条件是子元素必须没有被float影响。垂直居中line-height 他也是作用在父元素上，当他的值等于父元素的height值时，内部的文字就会自动的垂直居中了。只能能是文字而已

position的四个属性值： relative ，absolute ，fixed，static 下面分别讲述这四个属性，以简单代码表示 sub1 sub21. relativerelative属性是相对它本身来进行偏移的。我们可以这样理解，如果不设置relative属性，sub1的位置按照正常的文档流，它应该处于某个位置。但当设置

根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。块级元素：      自动占据一定矩形空间，可以通过设置

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下： #pid:before { content: "*-*"; color: red; } #pid:af

CSS Sprites技术被国内一些人称为CSS雪碧图，其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。CSS 雪碧图技术不是什么新东西，在网页应用中已经有几

Month Savings January $100 cellpadding 规定单元边沿与其内容之间的空白。cellspacing 规定单元格之间的空白。九宫格 1 2 3 4 5 6 7 8 9 CSS t