html 样式之style属性的使用

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

html中的style属性是用来改变html元素的样式的,样式是 在html 4 引入的,它是改变 html元素样式的一种方式。通过 html样式,能够通过使用 style 属性直接将样式添加到html元素,或者是间接地在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. <p style="font-family:黑体;color:red;font-size:30px;">我的字体为黑体,颜色为红色,字号为30</p>
  10. </body>
  11. </html>

运行效果:

html 样式之style属性的使用

实例二:

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

  1. ......
  2. <body>
  3. <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>
  4. </body>
  5. ......

运行效果:

html 样式之style属性的使用

实例三:

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

  1. ......
  2. <body>
  3. <p style="text-align:center">我是一个段落<br/>我将居中</p>
  4. </body>
  5. ......

运行效果:

html 样式之style属性的使用

不赞成使用的标签和属性:

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

标签:

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

属性:

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

猜你喜欢

转载自www.cnblogs.com/sharpest/p/10142738.html
今日推荐