摘要：一 背景 关于伪类，或链接伪类，可能我们都知道a标签的一些写法，a:hover,a:focus,a:visited,然后写下不同的样式，表示链接在各种状态下的表现。我们可能也遇到过input:focus的写法，表示输入框遇到了焦点的样式。对于伪类，多数人一知半解，或仅仅记住lvoe等口诀。更让人不清晰的是各个伪类的具体含义。下面较为详细的解说。二 链接伪类 有些伪类是专为链接而生的，而且这个链接必须含有href属性，以示其为一个"链接"。在html中，链接就是a标签。有以下两个伪类只作用于链接：1. :link，表示一个未访问过的链接2. :visited 表示已经访问过的 阅读全文

摘要：一 背景 书接上文，本文介绍页面的宽度。页面的宽度取值与页面的高度差不多，但是有细微的区别，而这些区别，在某些应用时可能是重要的区别。与页面高度相同，对页面宽度，我们也将关心三个值，并且使用jQuery和javascript元素属性来取值。关心的三个值是： 1.窗口宽度，指浏览器窗口的宽度，随着窗口的缩放而变化； 2.文档宽度，指html页面的宽度，就是由页面内容决定的，不随窗口的缩放而变化； 3.被卷起的宽度，当浏览器出现水平滚动条，滚动水平滚动条时，在左边被隐藏的距离。下方三幅图片分别展示： 窗口宽度 ... 阅读全文

摘要：一 背景 本文不讨论普通元素的大小和位置，仅仅讨论页面的大小和位置，而且为了简化问题，本文只讨论高度与顶部距离。笔者发现，页面的宽度与高度的表现有很多不同，细心的朋友会发现，故页面宽度另起文讨论，文章已经写好，见页面宽度发微。 这里说的页面高度，是指浏览器页面的高度。有以下四种元素能够表现页面的高度：window,html,document,body。这些元素的高宽常常不被人注意，却经常使用，比如弹出层的居中，拖动层的拖动范围，页面布局等等问题都离不开页面的高宽及定位。上面四个元素或对象中，window最为特殊，属于javascript中的BOM系列，而html,document,body.. 阅读全文

摘要：这是一些极易混淆的概念。仔细分析，这些值都是用来对元素进行定位的，下面逐一介绍。本文只介绍width,left等值，与其对应的是 height,top。本文还只介绍在Firefox下的表现，我认为，先不要考虑在IE各版本，Chrome等浏览器下的表现，这样一来，问题就单纯 了，容易理解。一 宽度的基础 何为宽度，在CSS中，width属性指元素内容区的 宽度，并不是元素在页面上所占的空间，就像windows上的一个文件，10M大小，但所占空间可能达到12M；又像一幅国画，真正作画写字的地方并不是 画纸的全部。所以，这里至少有两个概念：元素内容区宽度，元素所占宽度。在Firefox中，内容... 阅读全文

摘要：CSS中的属性Background,最常见不过了。可是你真的很了解吗？ Background表达背景，可用于各种元素。作用单一，表示元素的背景，不影响元素的布局。理解起来相对单纯。background属性可以直接书写，顺序很重要，依次是： background-color, background-image, background-repeat, background-attachment, background-position 下面依次介绍各属性的具体含义。 background-color:背景色。背景色是相对于前景色而言的，其实在CSS中，前景色是由color控制的... 阅读全文