样式从书写的范围看,分为:
(1)内联样式
利用每个标签都有一个style属性
基本不用,标签就是为了承载某个内容
CSS样式就是决定外在的显示
两者高度耦合在一起,维护不方便。
(2)内部样式
进步:css和html的标签相分离,分离的不彻底
如果a页面中存在某类的样式 和b页面中存在某类的样式一样,造成了样式的重复,不如提取到外部,可以共享。
使用场景:1.测试 2.本页面特有的修饰
(3)外部样式
统一存储到外部css文件中
在需要使用样式的页面中引用css文件
推荐使用,彻底分离。
验证内联样式、内部样式、外部样式的优先级。