首页 > 软件开发 > HTML >

HTML样式及style标签的使用

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

HTML样式,HTML样式的添加。style标签的使用

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

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

工具/原料

  • win7
  • 在线编辑工具

方法/步骤

  • 1

    HTML 的 style 属性SwH办公区 - 实用经验教程分享!

    style 属性的作用:SwH办公区 - 实用经验教程分享!

    提供了一种改变所有 HTML 元素的样式的通用方法。SwH办公区 - 实用经验教程分享!

    样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。SwH办公区 - 实用经验教程分享!

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 2

    style标签可以放在几个位置,一般最常见的就是放在head标签里

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 3

    然后就是作为属性放在元素的开始标签中,每个属性值之间使用;分开。

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 4

    那么这个style属性中可以添加那些样式呢,最常用的有字体颜色,使用的属性是color。

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 5

    然后常用的还有字体大小,使用的属性是font-size

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 6

    然后就是给元素添加背景色,使用的属性是background-color

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 7

    最后就是讲字体居中显示,使用的属性是text-align

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

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

    HTML样式及style标签的使用SwH办公区 - 实用经验教程分享!

  • 7该信息未经授权抓取自百度经验
  • 注意事项

    • 属性值语法 属性:值

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


    标签: HTML

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