Web开发 第二部分 CSS基础（一） CSS简介
CSS，层叠样式表的作用是什么？我们先通过一个例子来体会一下：
看代码：
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>级联样式表测试</title>
</head>
<body>
<div class="div-style">
<table class="table-style">
<caption>使用CSS的表格范例</caption>
<thead>
<tr>
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
</tr>
</thead>
<tbody>
<tr class="single-line">
<td>单元格1-1</td>
<td>单元格1-2</td>
<td>单元格1-3</td>
<td>单元格1-4</td>
<td>单元格1-5</td>
</tr>
<tr class="double-line">
<td>单元格2-1</td>
<td>单元格2-2</td>
<td>单元格2-3</td>
<td>单元格2-4</td>
<td>单元格2-5</td>
</tr>
<tr class="single-line">
<td>单元格3-1</td>
<td>单元格3-2</td>
<td>单元格3-3</td>
<td>单元格3-4</td>
<td>单元格3-5</td>
</tr>
<tr class="double-line">
<td>单元格4-1</td>
<td>单元格4-2</td>
<td>单元格4-3</td>
<td>单元格4-4</td>
<td>单元格4-5</td>
</tr>
<tr class="single-line">
<td>单元格5-1</td>
<td>单元格5-2</td>
<td>单元格5-3</td>
<td>单元格5-4</td&g
相关文档：
CSS实现局部打印
关键字: css实现局部打印
在实现打印预览的时候，可以采用JS来完成这一功能，但这样会让所有在页面上的部分都答应出来，包括像“打印预览”这样的按钮也会打印，这样的情况，可以采用CSS来完成局部答应的功能。
& ......
盒子标签和属性对照
CSS语法（不区分大小写）
JavaScript语法（区分大小写）
border
border
border-bottom
borderBottom
border-bottom-color
borderBottomColor
border-bottom-style
borderBottomStyle
border-bottom-width
borderBottomWidth
border-color
borderColor
border-left
borderLeft
border ......
CSS分栏布局的方法:绝对定位和浮动
出处：网页教学网
作者：佚名
日期：2009-03-09
在CSS中，实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项（absolute
、static、relative和fixed）中的绝对定位（absolute
positioning），它可以将文档中的某个元素从其原本位置上移除，并重新定位 ......
1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：
#1 { color: #33 ......
首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
margin:0;
border:0;
}
其次，练习时用这个例子：
html内容：
<body >
&nbs ......
