u013864585的专栏

最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,收藏下来,唯恐忘记。一.解读absolute与relative  http://www.blueidea.com/tech/web/2006/4249.asp很多朋友问过我absolute与relative怎么区分，怎么用？我们都知道absolut

CSS3中nth-of-type(n)（比如nth-of-type(1)）这个特殊的类选择符可以样式更加个性的标题和段落等，不过，目前nth-of-type(n)只支持火狐3、opera、safari和chrome等部分浏览器。如下代码：.comments-template ol li:nth-of-type(odd) {background:#DBF1D4;}上面的代码是指

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章，题目有点吓人，但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点，看过以后确实收获很大。平时都是用px来定义字体，所以无法用浏览器字体放大的功能，而国外大多数网站都可以在IE下使用。因为1、IE无法调整那些使用px作为单位的字体大小；2、国外的大部分网站能够调整的原因在于其使用了em作为字体

一个很显浅的寓言，千年老树，电打雷劈，屹立不倒，却毁于蝼蚁的侵袭之下。自以为精通CSS的人，常常被一些小问题搞到头晕脑胀。通常是一个很小的数值，经过层层放大歪曲后，整个布局就走形了。CSS是一门很简单的语言，易学易用，但也最容易出垃圾代码。这是没有深入研究这门语言所致。本人认为，CSS是由以下三大块构成的：默认值，继承系统与加权系统。默认值，也就是浏览器在用户没有设置属性的情况下，默认指定的属性。

display有3个比较常用的属性：none 、

如今，电脑显示器的屏幕分辨率向越来越大发展，而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站，开始让自己的页面自适合各种分辨率，在小分辨率下显示基本的内容，在大分辨率下显示全部功能，甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识。css2的@mediacss2里面虽然支持@media属性，但是能实现的功能比较少，一般只用做打印的时候做特殊定义的CS

CSS样式中”大于号”       在一段CSS代码中见到一个大于号(>)，代码如下：       BODY#css-zen-garden > DIV#extraDiv2 {              BACKGROUND-IMAGE:url(../images/bg_face.jpg);              Z-INDEX: 2;              

下面简要的给大家讲一下CSS 中一个比较重要的!important属性，从笔者的实践中总结了以下两点：1、用于解决IE对某些CSS规范有偏差的情况.    比如在IE中的效果总是和其他的浏览器如firefox,opera等相差2px,导致页面布局有错位， 这是因为IE对盒之间距离的解释的bug造成的，针对这种情况我们就可以利用!important来帮助解决。 例如下面这个样式.

本来想分两篇文章来解释说明figure、figcaption的，但是这俩个标签都是定义图文的，所以我们合起来讲解，大家更能容易接受。大家在写xhtml、html中常常用到一种图片列表，图片+标题或者图片+标题+简单描述。以前的常规写法：title而在html5中有了新标签更能语义化的定义出这中图片列表，那就是figure标签。w3c赋予的定义：figure标

box-sizing是CSS3的box属性之一。一说到CSS的盒模型（Box model）我想很多人都会比较烦，特别是对于新手，然而这个Box model又是我们CSS运用中比较重要的一个属性。那么CSS3的Box-sizing跟盒模型有什么关系呢？第一句话就说了，Box-sizing是CSS3的Box属性之一，那他当然也遵循CSS的Box model原理，为了能更好的学习和理解这个Box

123分步阅读关于fixed属性，在什么情况下需要用，怎么用，首先，我们应该先了解下fixed属性的说明：fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。那么，我们了解了fixed属性的说明后，就可以知道它的作用了。当我们需要使一个层相对

CSS3的强大，让人惊叹，人们在惊喜之余，又不得不为其艰难的道路感到可惜：好的标准只有得到行业浏览器的良好支持才算得上“标准”。CSS3标 准已提出数年，但是目前能实现她的浏览器并不多，虽然部分浏览器能实现部分规范，但这又有什么用呢？面对更多的兼容性问题，CSSer们只有望洋轻叹。虽 然如此，但有前瞻性的我们，又怎能停步不前呢？今天我们就来“前瞻”一下CSS3的一个伪类选择器“:nth-child

#f{    width:400px;    text-align:center;     border:1px solid;}你好我擦，我们都是好孩子         // 虽然也充满一行，但继承了#f的text-align:center，内容仍居中  效果：但要注意，text-align作用下的行内替代元素，一定要是inlin

DIV层、span层等html标签层重叠顺序样式z-index，平时我们使用较少，但也会难免会碰到CSS z-index使用。接下来divcss5介绍z-index从基本属性到设置对象的层叠顺序、重叠顺序，从基础语法到应用案例教程讲解学习z-index。一、z-index语法与结构   -   TOPz-index 跟具体数字如：div{z-index:100}注意：z

Normalize.css是一个轻量级的CSS跨浏览器解决方案，包括移动浏览器。它提供了一套默认的样式，使得元素在大部分浏览器中具有相同的外观。Normalize.css基于最新的HTML5规范，相比较传统的css reset更具现代性。Normalize.css目前的版本是2.1.3，代码和注释总共406行。1~1行：文件说明行?1

很多人在自己的工作中喜欢利用CSS重置来清除烦人的不同浏览器的默认样式。这些样式差异通常都很细微但在使用CSS进行布局统一工作时相当烦人，况且有些差异还不是那么细微。比如，默认表单样式跨浏览器间的差异以及和元素的margins和padding的差异，这让你不得不把这些难看的空隙清除出去。传统上CSS重置可以解决这些样式问题。CSS重置移除几乎所有默认的CSS样式，让你添加属于自己的样式并且有信

1选择属于其父元素的首个子元素的每个 元素，并为其设置样式：