内部样式表 (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"定义一个交互样式。