1.内联(Inline)方式
property: value;<!doctype html>
<html>
<body>
<p style="color: red;">Hello World</p>
</body>
</html>2.内部(Internal)方式
/* 注释 */
selector {
property: value;
}<!doctype html>
<html>
<head>
<style>
p {
color: red;
}
</style>
</head>
<body>
<p>Hello World</p>
</body>
</html>3.外部(External)方式
/* 注释 */
selector {
property: value;
}//目录结构
demo/
index.html
style.css
//index.html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p>Hello World</p>
</body>
</html>
//style.css
p {
color: red;
}4.优先级
优先级从高到低为：内联方式 > 内部方式 > 外部方式。
5.<link>元素的位置
开始标签 <head> 与 结束标签 </head> 之间。
原创文章，作者：huoxiaoqiang，如若转载，请注明出处：https://www.huoxiaoqiang.com/javascript/htmlcss/38424.html
