1.直接添加在HTML的標識符(tag)裡
< Tag style="properties"> 網頁內容< /tag>
例如：
<p style="font-family:Geneva, Arial, Helvetica, sans-serif; font-size:9px; color:#ff9900">CSS</p>
這種方法雖然簡單易用，但是不推薦使用這種方法，這種方法無法展現出樣式表的優勢：縮短修改時間提高工作量。
2.添加在HTML的頭資訊標識符<head>裡：
例
<html>
<head>
<title>頁面標題</title>
<style>
<!--
h2{
font-family:幼圓;
color:red;
}
-->
</style>
</head>
<body>
<h2>CSS標記</h2>
<p>CSS標記的本文內容1</p>
</body>
</html>
3.連結樣式表 同樣是添加在HTML的頭資訊標識符<head>裡:
< head>
< link rel=”stylesheet” href=”main.css” type=”text/css” >
< /head>
mian.css（自己命名）是單獨儲存的樣式表檔案，其中不能包含<style>標識符，並且只能以css為尾碼。如果用做一個Web網站的話建議使用串連樣式表的
方式，如果需要修改Web網站頁面的話只需要修改幾個CSS檔案就可以使整個Web頁面更新、縮短了修改時間和提高了工作量。
4.@import
<style type="text/css" media="screen">
@import "all.css";
</style>
link和@import的區別：服務物件不一樣，@import 為CSS服務，link是為當前的頁服務， @import會優先執行。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
