本文摘自PHP中文网，作者V，侵删。
1、行内样式
优点：书写方便，权重高
缺点：没有做到结构样式相分离
1 | <div style="width: 100px" height:100px></div>
|
（视频教程推荐：css视频）
2、内部样式
优点：结构样式相分离
缺点：分离不彻底
1 2 3 4 5 6 | <style>
div {
color: violet;
font-size: 16px;
}
</style>
|
3、外部样式
阅读剩余部分
相关阅读 >>
css怎么选择奇偶行元素
css background-origin属性怎么用
css怎么设置div大小
css怎么去掉input边框
css怎么设置透明度的颜色
css li怎么水平居中对齐
css怎样固定div或者table在指定位置
html中怎么去除列表项符号
css无法显示图片怎么办
自动清理js、css文件的缓存方法
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css样式引入方式的优缺点对比
