通常引入css和js方法为link,script和style
①<style> 标签用于为 HTML 文档定义样式信息,位于 head 部分中
type 属性是必需的，定义 style 元素的内容,唯一可能的值是 "text/css"
如需链接外部样式表，请使用 <link> 标签
②<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
使用link标签引入css文件
③<script src="../lib/OpenLayers.js"></script>
使用script标签引入js文件
id优先级别高于class，遇到同时给该对象添加样式属性时，优先执行id
在HTML中，引入CSS的方法主要有4种：行内式、内嵌式、导入式和链接式
<head></head>之间
①行内式：通过style来设置
<div style="font-size:12px; text-align:center;">HTML中引用CSS的行内式方法</div>
②内嵌式：将页面中各种元素的设置集中写在<head></head>之间，对于单一的网页使用方便。但对多个网页时则显示不出CSS优势
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title></title>
<style type="text/css">
div {
font-size: 12px;
text-align: center;
}
</style>
</head>
<body>
<div>HTML中引用CSS的嵌入式方法</div>
</body>
</html>
③④：链接式使用HTML的标记引入外部CSS文件，而导入式则是使用CSS的规则引入外部CSS文件
③链接式：
<link href="~/Content/Base.css" rel="stylesheet" type="text/css" />
④导入式：
<style type="text/css">
@import "/Content/Base.css"
</style>
区别：链接式先加载样式。导入式先加载内容，通常多用链接式