• 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>

       

  • 相关阅读:
    【浅谈数位计数一类问题】
    2.2、idea 中写spark sql
    javascript事件之鼠标滚轮(mousewheel)和DOMMouseScroll事件
    JS 判断鼠标滚轮的上下滚动
    gulp 用法 小结
    'gulp'不是内部或者外部命令,也不是可运行的程序
    Gulp的安装与配置
    前端构建工具gulpjs的使用介绍及技巧
    【转】弧度和角度的转换
    前端构建工具gulpjs的使用介绍及技巧
  • 原文地址:https://www.cnblogs.com/JansXin/p/7491777.html
Copyright © 2020-2023  润新知