首页 >web前端 >css教程 > 正文

style标签怎么用?

原创2020-06-30 13:53:080838
周末线上培训班

style标签的用法是:1、style标签放在head标签里;2、作为属性放在元素的开始标签中,每个属性值之间使用【;】分开;3、使用属性color,添加style属性的字体颜色。

style标签的用法是:

1、style 属性的作用:

提供了一种改变所有 HTML 元素的样式的通用方法。

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

6a6dc850a5982f01b7b1545051ff07e.png

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

de4e9f3efe00cf4ca1277e742ebb80f.png

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

70ade89c3115d0af6b121089ddc5424.png

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

b21f095873d4744b6b4e6565013ec3a.png

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

45fe215a4dc4bdbf5de8f4f3954cb7d.png

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

7fb7a327151edf341be6e581d44e400.png

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

e310705861f57b63a272067a91dc39d.png

推荐教程: 《css教程

以上就是style标签怎么用?的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:style css
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类