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样式引入方式的优缺点对比的详细内容。