zoukankan      html  css  js  c++  java
  • 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:定义文本颜色
  • 相关阅读:
    关系型数据库和非关系型数据库的区别
    总结篇3-python数据结构和算法
    总结篇2-python进阶
    总结篇1-python基础
    测试sql星级判定函数
    1、Anyproxy简介
    Python内置logging模块-- 日志
    python+ selenium 绕过浏览器检测
    python-selenium,解决 遇到阿里无痕登录验证
    seldom
  • 原文地址:https://www.cnblogs.com/sharpest/p/10142738.html
Copyright © 2011-2022 走看看