css3的三種使用方法：1、內聯樣式，語法為「」；2、內部樣式，語法為「」；3、外部樣式，語法為「」。
本教學操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。
# 內聯樣式透過style屬性來設置，屬性值可以任意的CSS樣式。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
</head>
<body>
<p style="background: red"> I love China!</p>
</body>
</html>顯示效果：
內部樣式定義在文件的head部分，透過style標籤來設定。需要使用元素選擇器（p）來關聯樣式和要設定樣式的標籤（p標籤）。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
<style type="text/css">
p{
background: green;
}
</style>
</head>
<body>
<p> I love China!</p>
</body>
</html>效果：
在文檔外的*.css定義css樣式，然後在文檔的head部分透過link元素引入。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>内联样式</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p> I love China!</p>
</body>
</html>style.css檔案內容：
p{
background: yellow;
}顯示效果：
a.在一個外部樣式表中匯入其他樣式表的樣式
combine.css檔案中導入上面的style.css
@import "style.css";
body{
background: red;
}HTML檔案中引入combine.css檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>document</title>
<link rel="stylesheet" href="combine.css">
</head>
<body>
<p> I <span>love</span> China!</p>
</body>
</html> 效果：
css影片教學）
以上是css3的三種使用方法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！
