正文
html 样式之style属性的使用
小程序：扫一扫查出行【扫一扫了解最新限行尾号】
复制小程序
转自：https://www.ggbiji.com/html-style.html
html中的style属性是用来改变html元素的样式的，样式是 在html 4 引入的，它是改变 html元素样式的一种方式。通过 html样式，能够通过使用 style 属性直接将样式添加到html元素，或者是间接地在CSS文件中进行定义。
格式：
<标签 style=”属性值”></标签>
实例一：
-
style属性改变字体、颜色和尺寸
-
<!doctype html>
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8">
-
<title>style属性的使用_PHP笔记</title>
-
</head>
-
<body>
-
<p style="font-family:黑体;color:red;font-size:30px;">我的字体为黑体,颜色为红色，字号为30</p>
-
</body>
-
</html>
运行代码
- style属性改变字体、颜色和尺寸
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>style属性的使用_PHP笔记</title>
- </head>
- <body>
- <p style="font-family:黑体;color:red;font-size:30px;">我的字体为黑体,颜色为红色，字号为30</p>
- </body>
- </html>
运行效果：
实例二：
style属性设置背景颜色，style 属性淘汰了“旧的” bgcolor 属性。
- ......
- <body>
- <p style=" margin: 0px; padding: 0px; outline: 0px; border: 0px; vertical-align: baseline; font-style: inherit; font-family: inherit; color: rgb(248, 248, 242);">>我的背景颜色为i红色</p>
- </body>
- ......
运行代码
运行效果：
实例三：
style属性设置文本对齐，style 属性淘汰了旧的 "align" 属性。
- ......
- <body>
- <p style="text-align:center">我是一个段落<br/>我将居中</p>
- </body>
- ......
运行代码
运行效果：
不赞成使用的标签和属性：
在html4中，有很多的html标签和html属性被放弃了。这里被放弃的意思不是指不能使用了，而是指在未来版本中将慢慢不支持这些标签和属性，因此，我们应该尽量不使用这些被放弃的标签和属性！
下面列出了被放弃的标签和属性：
标签：
- <center> ：定义居中的内容。
- <font> 和 <basefont>：定义字体。
- <s> 和 <strike>：定义删除线文本
- <u> ：定义下划线文本
属性：
- align ：定义文本的对齐方式
- bgcolor：定义背景颜色
- color：定义文本颜色
