html 样式之style属性的使用

原创 PHP笔记  2017-03-13 13:44  阅读 3,767 views 次

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属性设置背景颜色,style 属性淘汰了“旧的” bgcolor 属性。

......
 <body>
<p style="background-color:red">我的背景颜色为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:定义文本颜色
本文地址:https://www.ggbiji.com/html-style.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情