zoukankan      html  css  js  c++  java
  • CSS入门之定义和应用格式

    1:定义

      1:定义单个属性

        property:value

        例如: color:white(属性和值之间用冒号隔开)

      2:定义多个属性

        property:value;property:value

        例如: color:white;height:10px(属性之间用分号隔开)

    2:使用

      1:使用元素内嵌格式

        <a style="color:white;height:10px"></a>

      2:使用文档内嵌格式

      <!DOCTYPE html>
        <html>
          <head>
            <style type="text/css">
              a{
                color:white;
                height:10px
              }
            </style>

          </head>
          <body>
          </body>
        </html>

      3:使用外部格式表

          <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>

    3:生效

      当对单个元素使用多个相同类型的属性时,生效顺序分别是:

      1:元素内嵌样式(用元素的全局属性style定义的格式)

      2:文档内嵌格式(定义在style元素中的格式)

      3:外部样式(用link元素导入的样式)

      4:用户样式(用户定义的格式

      5:浏览器格式(浏览器应用的默认格式)

     4:调整生效顺序

      对元素属性追加important,将僵尸属性值标记为重要,改变正常的生效顺序。

      例如:

            <style type="text/css">
              a{
                color:white !important;
                height:10px
              }
            </style>

       

  • 相关阅读:
    DB2 关联更新
    postgresql 开启审计日志
    Delphi D10.X中Tpath引发的单元引用及代码编写的思考
    自己写的函数或者过程与Delphi提供的重名了怎么办?(50分)
    技巧四 Delphi XE3 代码自动提示bug解决
    想开发经典界面吗?
    初涉Delphi下Windows消息机制——同一程序内自定义消息实例
    Delphi的DirectShow开发概述
    delphi接口(抄自万一)
    fkInternalCalc和fkCalculated有何区别?
  • 原文地址:https://www.cnblogs.com/JansXin/p/7491777.html
Copyright © 2011-2022 走看看