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>

       

  • 相关阅读:
    vue----计算与监听属性
    vue---条件与循环语句
    vue--模板语法
    git版本控制系统--介绍
    HttpWebRequest使用总结
    计算机专业的书普遍都这么贵,你们都是怎么获取资源的?
    130 个相见恨晚的超实用网站,一次性分享出来
    实现客户端与服务端的HTTP通讯
    默认网关(地址)
    .NET Reactor使用教程(加密源代码示例)
  • 原文地址:https://www.cnblogs.com/JansXin/p/7491777.html
Copyright © 2011-2022 走看看