div+css

内部样式表 (internal style sheet)

1,初始DIV

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>初识div标签</title>
    <style type="text/css">
        #top, #bt
        {
            background-color: #eee;
        }
        #mid
        {
            background-color: #999;
            width: 250px;
        }
        #bt
        {
            width: 120px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="top">第一个DIV标签
    </div>
    <div id="bt">第二个DIV标签</div>
    <div id="mid">第三个DIV标签</div>
    </form>
</body>

外部样式表 (external style sheet)

外部样式表将管理整个Web页的外观，当用户在设计HTML时，首先要对整个外观定义一个CSS文件（扩展名为.css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。

<html>
<head>
<title>一个简单网页</title>
<link href="style.css" rel="stylesheet" type="text/css">[1]
</head>
<body>
你好!HTML!(外部样式表)
</body>
</html>

解释：

rel：relationship的英文缩写.

REL属性用于定义连接的文件和HTML文档之间的关系。StyleSheet，的意思就是样式调用，

REL=StyleSheet指定一个固定或首选的样式而REL="Alternate StyleSheet"定义一个交互样式。