外连：加在head标签之间，meta和title标签之后。这是用法最广的样式调用。<link rel="stylesheet" type="text/css" href="style/default.css"/>
引入：如果需要在一张样式表之内附加另外的样式。@import url("layout.css")
行内：这种调用看似随便，但是当你需要重写某个属性值时，这种写法至关重要。它的优先级别仅次于!important。style="z-index:2000"。补充一下，js脚本添加页面效果修改原理也是改写style。
让一个html文档调用两个css文件，我们可以在<head></head>那，通过link这个标签来引用，href来链接你外部css的文件就可以，这里有段代码：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel='stylesheet' type='text/css' href='./css/index1.css'>
<link rel='stylesheet' type='text/css' href='./css/shop.css'>
通过这个来设置就可以了，就可以引用外部的文件了。
三种方式
一种是直接写到标签上的style属性里面
<div id="myDIV" style="width: 200pxborder: 1px solid #f00margin: 0"></div>一种是写到head标签里面的style标签里面
<style type="text/css">#myDIV{
width: 200pxborder: 1px solid #f00margin: 0
}
</style>
再一个就是引入外部的css文件
<link rel=stylesheet type=text/css href="/css/skin.css">使用引入外部css文件可以多个页面公用css格式，减小页面大小，三种都在页面里的最简单情形如下
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css">
#myDIV{
width: 200pxborder: 1px solid #f00margin: 0
}
</style>
<link rel=stylesheet type=text/css href="/css/skin.css">
</head>
<body>
<div id="myDIV" style="width: 200pxborder: 1px solid #f00margin: 0"></div>
</body>
</html>
