外部样式表将管理整个Web页的外观，当用户在设计HTML（标准通用标记语言的一个应用）时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。*.aspx文件中需要用head@import URL("*.css");/head完成连接或是link rel="stylesheet" type="text/css" href="相对路径"。
创新互联是一家专业的成都网站建设公司，我们专注成都网站设计、网站制作、网络营销、企业网站建设，卖友情链接，1元广告为企业客户提供一站式建站解决方案，能带给客户新的互联网理念。从网站结构的规划UI设计到用户体验提高，创新互联力求做到尽善尽美。
内联样式表：写在开始标记里面，比如你要H1变红色，h1 style=”color:red;”变为红色/h1。
扩展资料：
样式表可分为嵌入式样式表、外部样式表和内联样式表三种，在同一文档内可以同时使用三种方法。
1.样式定义放在一个单独的文件中，例：新建一个后辍为CSS的样式定义。元素{ 属性color:值red；} 在head段使用link标记，引用语法：link rel=”stylesheet” type=”text/css” href=”样式表URL” /
2.嵌入式样式表：style元素段必须出现在head段内，有一个开始和结束标记，并且可以有多个style段，语法格式： style type=”text/css”。
参考资料来源：百度百科-div css
参考资料来源：百度百科-外部样式表
在网页中插入CSS样式表有四种方法
链入外部样式表
链入外部样式表是把样式表保存为一个样式表文件，然后在页面中用link标记链接到这个样式表文件，这个link标记必须放到页面的head区内，如下：
head
……
link href="mystyle.css" rel="stylesheet" type="text/css" media="all"
……
/head
内部样式表
内部样式表是把样式表放到页面的head区里，这些定义的样式就应用到页面中了，样式表是用style标记插入的，从下例中可以看出style标记的用法：
head
……
style type="text/css"
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
/style
……
/head
导入外部样式表
导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import，看下面这个实例：
head
……
style type=”text/css”
!--
@import “mystyle.css”
其他样式表的声明
--
/style
……
/head
内嵌样式
内嵌样式的使用是直接将在HTML标记里加入style参数。
p style="color: sienna;margin-left: 20px;"
这是一个段落
/p
外部CSS样式是一个独立的CSS文件，当在网页中直接创建外部CSS样式时，该样式自动应用到网页中；当在创建空白网页时，通常可以附加已经存在的外部样式表。如果CSS样式文件已经存在，制作网页时可以通过【CSS样式】面板中的【附加样式表】按钮来链接，具体操作如下：
（1）单击【附加样式表】按钮，在打开【链接外部样式表】对话框（见图1）中选择外部CSS文件后，可以通过连接或导入方式将其应用到当前网页中。图1
（2）在【添加为】中选择其中的一个选项：
◇若要创建当前文档和外部样式表之间的链接，请选择【链接】单击按钮。该选项在HTML代码中创建一个link标记，并引用已发布的样式表所在的URL。link标记必须放在页面的head区域。Internet Explorer和Netscape Navigator都支持此方法。
◇如果希望导入而不是链接到外部样式表，请选择【导入】单击按钮。导入外部样式表是指在内部样式表的style里导入一个外部样式表，导入时用@import。
注意：不能使用【链接】标记添加从一个外部样式表到另外一个外部样式表的引用。如果要嵌套样式表，必须使用【导入】指令。大多数浏览器还能识别页面中（而不仅仅是样式表中）的导入指令。当在链接到页面与导入到页面的外部样式表中存在重叠的规则时，不同浏览器解决冲突属性的方式具有细微的差别。
意思是：
在link标签中，“rel=stylesheet”，rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。
rel是Relations的所写 指关联到一个stylesheet（样式表单)。
由于目前的CSS还不能抓取rel与rev的属性值，所以没有办法给不同关系的链接提供不同的样式，所以现在rel与rev只是用来使得网页的语义性更为完善。
Link标签有两个作用：
1. 定义文档与外部资源的关系；2. 是链接样式表。
link标签是用于当前文档引用外部文档的，其次，这个标签的rel属性用于设置对象和链接目的间的关系。
扩展资料
rel各个属性值配置的意思：
Alternate -- 定义交替出现的链接
Stylesheet -- 定义一个外部加载的样式表
Start -- 通知搜索引擎,文档的开始
Next -- 记录文档的下一页.(浏览器可以提前加载此页)
Prev -- 记录文档的上一页.(定义浏览器的后退键)
Contents
Index -- 当前文档的索引
Glossary -- 词汇
Copyright -- 当前文档的版权
Chapter -- 当前文档的章节
Section -- 作为文档的一部分
Subsection -- 作为文档的一小部分
Appendix -- 定义文档的附加信息
Help -- 链接帮助信息
Bookmark -- 书签
他们的区别
1、类
：定义的时候前面必须加点（.）,格式是.xxx，可以在一个页面中调用多次。类一般就设文字颜色什么的。
2、标签：标签就是body、table、h3……之类的网页里面的标签，可以直接选择定义样式，网页里面的就会随之变化的。标签就是背景什么的。
3、高级：
高级定义的方式可以在前面加（.）或者（#），加点就是和类差不多，在前面加#的话就是id调用，比如定义#top，那么在调用的时候就是div
id="top"/div。记住#top只能调用一次。这点跟类不一样。就是一些链接什么的
alink
是a:active设置的是正在访问超链接的颜色!
vlink
是a:visited设置的是已经访问的超链接的颜色！
a：link是未访问的链接的颜色
