定位（左边和顶部） css定位属性将是网虫们打开幸福之门的钥匙：   H4 { position: absolute; left: 100px; top: 43px }   这项CSS规则让浏览器将<H4>的起始位置精 确地定在距离浏览器左边100象素，距离其 顶部43象素的位置。   注意这里唯...

Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题，但在标准上这绝对是错误的使用，而且很可能导致某些浏览器的现实问题。 　　这两个区别都是比较容易混淆的问题，尤其是Class与ID，相信很多人并没有仔细了解过之...

　　这个“浏览器默认HTML的CSS样式属性”，在你需要还原默认值的时候，比较有用。开始的时候应用通配选择器 *{margin:0;padding:0;}，当需要使用边距的时候，就需要还原HTML默认CSS值了。 　　但通配选择器在大型网站的构建中，影响性能，可以参考52CSS.com的相...

　　在一次项目中，有一次要用到::selection伪元素，然后开发同学问我，CSS中一个冒号和两个冒号有神马区别？ 　　这好像真的是个问题，或许很多前端同学对此都有疑惑，查了些资料，证实了下两个符号的区别，简而言之：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。...

在曾经的 淘宝UED 招聘 中有这样一道题目：   “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”   当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 &n...

什么叫“CSS中的图片”？ 简单的说就是镶在CSS样式表中的图片。当我们用浏览器的“另存为”功能保存网页时，由于很多写在CSS样式表里面的图片都下载不到，所以会导致下载的网页打开的时候就面目全非了；或者，我们可以更通俗的认为这也是网页图片的一种...

该表只列出常用的CSS属性，及简要介绍其主要功能，若要了解各所有属性和具体的用法，请参考相关书籍 属 性 名 称 属性功能及其取值 用 法 说 明 与 范 例...

　　选择器的分组 　　你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。在下面的例子中，我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。 　　h1,h2,h3,h4,h5,h6 { 　　color: green; 　　} 　　继承及...

纵向导航菜单也是网站应用中的一种重要形式，所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式。先看一下效果吧！     如图所示的效果，我们先看一下代码结构：   <div id="nav">     <h1>...

　　一、类型选择符 　　什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。 　　如下： 　　body {} 　　div {} 　　p {} 　　span {} 　　二、群组选择符 　　对于XHMTL对象，可以对一组同时进行了相同的...