如何在html中使用css

1.行内样式
        将样式写在元素的style属性中
          <div style='color:red;font-size：20px;'>
        缺点：结构和样式没有分离
                   代码的复用率低
        优点：优先级高

 

2.内联样式
        将代码写在head标签中的style标签中
          <style>
            选择器{
                color：red；
                font-size：20px；
            }
            </style>
        缺点：代码的复用率不高
        优点：结构和样式可以分离

 

3.外部样式
        在外部定义一个后缀名为.css的文件，在head中使用link标签引入
        优点：结构和样式可以分离
                   复用率提高