css样式表的三种方式

359 阅读1分钟

在做html页面开发时,我们都会使用到css样式的,css样式有三种应用方式,下面我们来了解一下吧。

  1. 第一种方式,是使用link标签引用样式文件。

     

    css样式表的三种方式

    样式文件的样式定义和其他方式的一样,书写规范的样式代码就可以了。

     

    css样式表的三种方式

    第二种方式,是直接在html页面的head部分,书写style标签,然后在标签里书写样式代码。

     

    css样式表的三种方式

    第三种方式,直接在html的元素里书写style,在style里直接写样式代码。

     

    css样式表的三种方式

    在这三种方式里,直接在style写的样式的优先级是最高的,比如同样是设置宽度,style里的宽度是优先应用的。

     

    css样式表的三种方式

    总结一下把:

    1. 第一种直接引入样式文件。

    2. 第二种在head里添加style标签,书写样式文件。

    3. 直接在html元素里写样式代码。 优先级最高的是style。