HTML 样式


样式(style)属性是一个崭新的HTML属性,它把CSS引入到了HTML中。


瞧!样式和颜色!

这是红色的宋体字

这是蓝色的黑体字

这是30像素高的文字

试一个


HTML样式属性

样式(style)属性的用途是:

提供了一种给HTML元素增添样式的通用方式。

样式(style)是在HTML 4中引入的,它是一种新的、首选的给HTML元素增添样式的方式。你可以通过style属性直接给HTML元素增添样式,也可以通过另外的样式表(CSS文件)间接给HTML元素添加样式。

我们的CSS教程提供了全面学习样式与CSS的课程。

在HTML教程中,我们将用style属性来向你讲解HTML样式。


HTML样式示例

style="background-color:yellow"

style="font-size:10px"

style="font-family:Times"

style="text-align:center"


被弃用的标签与属性

HTML 4定义了一组被弃用的(deprecated)标签和属性。“被弃用(deprecated)”的意思是说,这些标签与属性在以后版本的HTML和XHTML中将不再被支持。

这里所要传达的信息很明确:请避免使用那些被弃用的标签与属性。

应避免使用的标签与属性包括:

标签 描述
<center> 定义居中文本
<font>和<basefont> 定义HTML字体
<s>和<strikeout> 定义删除文本
<u> 定义带下划线的文本
属性 描述
align 定义文本的对齐方式
bgcolor 定义背景色
color 定义文本颜色

对于上面这些标签和属性,请用样式来取代它们。


样式示例:


背景色

<body style="background-color:yellow">

style属性为<body>元素增添了样式。

试一个:背景色

新的style属性淘汰了以前的bgcolor属性。

试一个:以前设置背景色的方法


字体族、颜色及大小

<p style="font-family:courier new; color:red; font-size:20px">

上述style属性为<p>元素增添了样式。

试一个:字体示例

新的style属性淘汰了以前的<font>标签。

试一个:以前设置字体的方法


文本对齐

<h1 style="text-align:center">

style属性为<h1>元素增添了样式。

试一个:标题居中

新的style属性淘汰了以前的align属性。

试一个:以前设置标题居中的方法

粤ICP备11097351号-1