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
相关文档：
.inputbox {
padding-left: 2px;
border-top: 1px solid #9AA587;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #9A ......
一、使用STYLE属性
将STYLE属性直接加在个别的元件标签里，<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2;
...}
<td style="color:#c00; font-size:15px; line-height:18px;>
八十年代
</td>
这种方法优点：可� ......
在使用“float”时，因为“float”是javascript的一个保留字，所以就不能使用style.float，而改成了style.cssFloat(IE使用的是style.styleFloat)；
if (window.navigator.userAgent.indexOf("MSIE")>=1)
{
this.listDiv01.style.styleFloat = "left";
this.listDiv02.style.styleFl ......
注意事项：
了实现导航中的子导航与主导航在实现鼠标交互的同时，保持其相对位置一致，我们使用了对ul li{}使用了position:relative;使其定位方式转为相对定位。而对li ul{}即子导航采用了position:absolute;相对于导航的绝对定位方式，了其鼠� ......
在table 中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“< table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了� ......
