html 样式之style属性的使用

痛定思痛。 2021-12-23 09:39 374阅读 0赞

转自：https://www.ggbiji.com/html-style.html

html中的style属性是用来改变html元素的样式的，样式是 在html 4 引入的，它是改变 [html元素][html]样式的一种方式。通过 html样式，能够通过使用 style 属性直接将样式添加到html元素，或者是间接地在[CSS ][CSS]文件中进行定义。

格式：

> <标签 style=”属性值”></标签>

## 实例一： ##

> 1. style属性改变字体、颜色和尺寸
> 2. <!doctype html>
> 3. <html lang="en">
> 4. <head>
> 5. <meta charset="UTF-8">
> 6. <title>style属性的使用\_PHP笔记</title>
> 7. </head>
> 8. <body>
> 9. 我的字体为黑体,颜色为红色，字号为30
> 10. </body>
> 11. </html>

[ 运行代码][Link 1]

**运行效果：**

![html 样式之style属性的使用][html _style]

## 实例二： ##

style属性设置背景颜色，style 属性淘汰了“旧的” bgcolor 属性。

> 1. ......
> 2. <body>
> 3. >我的背景颜色为i红色
> 4. </body>
> 5. ......

[ 运行代码][Link 1]

**运行效果：**

![html 样式之style属性的使用][html _style 1]

## 实例三： ##

style属性设置文本对齐，style 属性淘汰了旧的 "align" 属性。

> 1. ......
> 2. <body>
> 3. 我是一个段落 我将居中
> 4. </body>
> 5. ......

[ 运行代码][Link 1]

**运行效果：**

![html 样式之style属性的使用][html _style 2]

**不赞成使用的标签和属性：**

在html4中，有很多的html标签和[html属性][html 1]被放弃了。这里被放弃的意思不是指不能使用了，而是指在未来版本中将慢慢不支持这些标签和属性，因此，我们应该尽量不使用这些被放弃的标签和属性！  
下面列出了被放弃的标签和属性：

**标签：**

* <center> ：定义居中的内容。
 * 和 <basefont>：定义字体。
 * <s> 和 <strike>：定义删除线文本
 * ：定义下划线文本

**属性：**

*   *  align ：定义文本的对齐方式
     *  bgcolor：定义背景颜色
     *  color：定义文本颜色

转载于:https://www.cnblogs.com/sharpest/p/10142738.html

[html]: https://www.ggbiji.com/html-element.html
[CSS]: https://www.ggbiji.com/web-fore-end/css/
[Link 1]: https://www.ggbiji.com/code_run/
[html _style]: https://www.ggbiji.com/wp-content/uploads/2017/03/1-3-300x42.png
[html _style 1]: https://www.ggbiji.com/wp-content/uploads/2017/03/2-4.png
[html _style 2]: https://www.ggbiji.com/wp-content/uploads/2017/03/3-2.png
[html 1]: https://www.ggbiji.com/tag/html-attributes/