1、行间样式
顾名思义就是直接写在div对里面的样式
![](http://upload-images.jianshu.io/upload_images/2263167-1a61d5d5450de89c.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
2、内部样式
把样式写在一对<style></style>标签对中 这个标签对是放在html页面里面的
![](http://upload-images.jianshu.io/upload_images/2263167-066b85093ac8f13d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3、外联样式
把样式写在一个单独的文件里面 用到的时候用地址把它引进来就可以了
![](http://upload-images.jianshu.io/upload_images/2263167-8083c35b2bac0740.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/2263167-fff44c8d7f460a3b.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![](http://upload-images.jianshu.io/upload_images/2263167-2a24d23123284921.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
1、行间样式
顾名思义就是直接写在div对里面的样式
2、内部样式
把样式写在一对<style></style>标签对中 这个标签对是放在html页面里面的
3、外联样式
把样式写在一个单独的文件里面 用到的时候用地址把它引进来就可以了
转载于:https://www.cnblogs.com/PengHongMiao/p/5881994.html