Web开发 第二部分 CSS基础（二） CSS书写规范
1、三种不同的样式表
样式表根据其书写位置不同，共分为三种：
内联样式表（inline）：该样式表写在标签的style属性里，负责设置当前标签的样式；
内部样式表（inner）：该样式表一般写在head标签的style标签里，通过选择器来指定某个样式所影响的标签；
外部样式表（external）：该样式表一般写在独立的*.css文件里，通过选择器来指定某个样式所影响的标签，在head标签通过link标签引入外部样式文件；
看一个例子，共两个文件，在同一个目录中：
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 type="text/css" rel="stylesheet" href="style.css" mce_href="style.css" />
<!-- 这是一个内部样式表 -->
<mce:style type="text/css" ><!--
b { /* 这是一个标签选择器 */
background-color:#B0D1E6;
color:blue;
text-indent:2em;
text-align:left;
}
.title { /* 这是一个类选择器 */
color:#209DA4;
text-decoration:underline;
text-align:left;
}
#id1 { /* 这是一个ID选择器 */
background-color:#5E5E5E;
color:#FFFFFF;
font-weight:bold;
height:100px;
width: 300px;
border: 2px dotted #C7784E;
word-break:break-all;
overflow-y:auto;
overflow-x:hidden;
text-indent:2em;
margin:0 auto;
}
--></mce:style><mce:style type="text/css" mce_bogus="1"><!--
b { /* 这是一个标签选择器 */
background-color:#B0D1E6;
color:blue;
text-indent:2em;
text-align:left;
}
.title { /* 这是一个类选择器 */
color:#209DA4;
text-decoration:underline;
text-align:left;
}
#id1 { /* 这是一个ID选择器 */
background-color:#5E5E5E;
color:#FFFFFF;
font-weight:bold;
height:100px;
width: 300px;
border: 2px dotted #C7784E;
word-break:break-all;
overfl
相关文档：
AJAX自从引进了Tab，着实让我开心了一番。但是，在调整Tab的样式的时候，也着实让我吃了一惊。
于是，抱着没有困难也要制造困难的原则，开始了征途：
按照Tab作者Ronald Buckton所说，Tab的CSS包含如下几个类：
(1).ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer.
......
<html>
<head>
<mce:style type = "text/css"><!--
table
{
border-collapse:collapse;
}
td
{
border:solid 1px black;
}
--></mce:style><style type = "text/css" mce_bogus="1">table
{
border-collapse:collapse;
}
td
......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
css是什么？这是初学网页设计的同学们遇到的第一个问题，在学习网页制作之前，你一定要了解网页制作的大局，有了全局的了解，才知道怎么去学习。
网页设计分为：前台页面设计，后台程序设计。
前台页面设计分为：html,css,javasript,ps,flash（这几个都要了解哦，熟练掌握css）
后台程序设计分为：asp,php,asp.net（只要 ......
首先一点需要知道，
每个浏览器都有自己默认的默认样式，为了让页面内容显示在浏览器中所希望的位置，而不是继承默认样式，就需要在body选择器中重新设定margin和padding的属性值。
如下所示：
body
{
margin:0;
border:0;
}
其次，练习时用这个例子：
html内容：
<body >
&nbs ......
