📜  HTML样式

📅  最后修改于: 2020-11-03 07:44:56             🧑  作者: Mango

HTML 样式

HTML样式用于更改或添加现有HTML元素上的样式。每个HTML元素都有一个默认样式,例如,背景颜色为白色,文本颜色为黑色等。

样式属性可以与任何HTML标记一起使用。要将样式应用于HTML标记,您应该具有CSS属性的基本知识,例如颜色,背景色,文本对齐,字体系列,字体大小等。

样式属性的语法如下:

style= "property:value"

HTML 样式颜色

color属性用于定义文本颜色。

让我们看一个简单的示例,通过css的color属性对html标签进行样式设置。

This is Green Color

This is Red Color

输出:

This is Green Color
This is Red Color

HTML样式背景色

background-color属性用于定义HTML标签的背景色。

让我们看一个通过css background-color属性设置html标签样式的示例

This is yellow background

This is red background

输出:

This is yellow background
This is Red Color
This is red background

HTML Style字体家族

font-family属性指定HTML标签的字体系列。

让我们看一个通过css font-family属性设置html标签样式的示例

This is times new roman font family

This is arial font family

输出:

This is times new roman font family

This is arial font family

HTML样式的字体大小

font-size属性用于定义HTML标签的文本大小。

我们来看一个font-size属性的例子

This is 200% h3 tag

This is 200% p tag

输出:

This is 200% h3 tag

This is 200% p tag

HTML样式文本对齐

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 right side

This text is located at center side

HTML5不支持

较旧版本的HTML支持的标记。

支持的浏览器

Element chrome browser Chrome ie browser IE firefox browser Firefox opera browser Opera safari browser Safari
style attribute Yes Yes Yes Yes Yes

如果您想进一步了解HTML样式,可以在CSS教程中阅读。