首页 > 软件开发 > HTML >

css样式表的三种方式

来源:互联网 2023-03-16 19:16:54 版权归原作者所有,如有侵权,请联系我们

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

tq2办公区 - 实用经验教程分享!

tq2办公区 - 实用经验教程分享!

css样式表的三种方式tq2办公区 - 实用经验教程分享!

工具/原料

  • 电脑:win10系统 v1837版本

方法/步骤

  • 1

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

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 2

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

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 3

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

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 4

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

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 5

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

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 5该信息未经许可获取自百度经验
  • 6

    总结:tq2办公区 - 实用经验教程分享!

    1. 直接引入样式文件。tq2办公区 - 实用经验教程分享!

    2. 在head里添加style标签,书写样式文件。tq2办公区 - 实用经验教程分享!

    3. 直接在html元素里写样式代码。

    tq2办公区 - 实用经验教程分享!

    tq2办公区 - 实用经验教程分享!

    css样式表的三种方式tq2办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!tq2办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号