📅  最后修改于: 2020-11-03 07:44:56             🧑  作者: Mango
HTML样式用于更改或添加现有HTML元素上的样式。每个HTML元素都有一个默认样式,例如,背景颜色为白色,文本颜色为黑色等。
样式属性可以与任何HTML标记一起使用。要将样式应用于HTML标记,您应该具有CSS属性的基本知识,例如颜色,背景色,文本对齐,字体系列,字体大小等。
样式属性的语法如下:
style= "property:value"
color属性用于定义文本颜色。
让我们看一个简单的示例,通过css的color属性对html标签进行样式设置。
This is Green Color
This is Red Color
输出:
background-color属性用于定义HTML标签的背景色。
让我们看一个通过css background-color属性设置html标签样式的示例
This is yellow background
This is red background
输出:
font-family属性指定HTML标签的字体系列。
让我们看一个通过css font-family属性设置html标签样式的示例
This is times new roman font family
This is arial font family
输出:
This is arial font family
font-size属性用于定义HTML标签的文本大小。
我们来看一个font-size属性的例子
This is 200% h3 tag
This is 200% p tag
输出:
This is 200% p tag
text-align属性用于定义HTML元素的水平文本对齐方式。
让我们看一个通过css text-align属性设置html标签样式的示例
This text is located at right side
This text is located at center side
如果要将标题放在中心或左边,请分别使用“ text-align:center”或“ text-align:left”。
输出:
This text is located at center side
HTML5不支持
Element | Chrome | IE | Firefox | Opera | Safari |
style attribute | Yes | Yes | Yes | Yes | Yes |
如果您想进一步了解HTML样式,可以在CSS教程中阅读。