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中文网其他相关文章！
