1、行內樣式
優點：書寫方便，權重高
缺點：沒有做到結構樣式相分離
<div style="width: 100px" height:100px></div>
（影片教學建議：css影片）
2、內部樣式
#優點：結構樣式相分離
缺點：分離不徹底
<style>
div {
color: violet;
font-size: 16px;
}
</style>3、外部樣式
優點：完全實作結構和樣式相分離
#缺點：需要引入
<!-- 引入css初始化文件 -->
<link rel="stylesheet" href="css/normalize.css" />
<!-- 引入公共样式 -->
<link rel="stylesheet" href="css/baes.css">
<!-- 引入首页样式 -->
<link rel="stylesheet" href="css/index.css">推薦教學：CSS入門基礎教程
以上是css樣式引入方式的優缺點對比的詳細內容。更多資訊請關注PHP中文網其他相關文章！
