css中style标签的使用方法

发布时间:2020-07-01 09:49:22

来源:亿速云

阅读:141

作者:Leah

这篇文章将为大家详细讲解有关css中style标签的使用方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

1、style 属性的作用:

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

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

78bb0e023bf28e02af78c9315103873c.png

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

36457a06047ced75d0ff774448740080.png

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

56aaaddd137763335018c3acffd9befa.png

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

13dc7c34c2ffa61e04c03d31824b91ea.png

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

c3ba0971cfc5968b89d72e97c2b905ba.png

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

20eecd74d872a5846967e5306b020e45.png

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

1f88116094cda8cafb3e84d379905a52.png

关于css中style标签的使用方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐