zoukankan      html  css  js  c++  java
  • CSS3的chapter1

    初学CSS3的第一天,虽然之前有接触过CSS,不过好像是CSS2,我也上网了解了一下CSS3,新增了很多强大的元素,也让我更有兴趣去学习了。

     CSS(Cascading Style Sheets) 层叠样式表

    不同浏览器可能需要不同的前缀,这也是为了考虑可以更好的向前兼容

       前缀     浏览器
      -webkit    chrome和safari
      -moz     firefox
      -ms      IE
       -o     opera

    CSS最重要的就是将表现与结构分离,提高代码的可读性,更方便的修改和查阅代码。

    CSS的语法结构:

      selector{Property:Value;}

      选择符  属性    值

    例子:

      body{background-color:red;}
    
      h1{font-size:12px;}

    引入CSS的方法有三种:

      1.行内引入:

        

        <body style="background-color:red;"></body>
    
       <h1 style="font-size:12px;"></h1>    

      2.页内引入:

        

    <head>
          <title></title>
            <style>
                    body{
                        background-color:red;
                   }
                    h1{
                        font-size:12px;
                    }
             </style>
    </head>    

      3.外部样式表:

        style.css:  

    body {
          background-color:#cccccc;
      }
     h1{
           font-size:12px;
      }

        index.html:

    <head>
            <title></title>
            <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    三种引入方法的优先级比较:

      就近原则:行内引入>页内引入>页外引入

    注释方法:

      /*注释内容*/

      

  • 相关阅读:
    CSS
    引入缺陷的原因都有哪些?
    测试基础---软件研发中几个重要的过程是什么,每个过程中的主要内容是什么?
    测试基础---软件生命周期中的各个模型及其优缺点
    测试基础---测试目的是什么
    测试常用术语4
    测试常用术语3
    测试常用术语2
    测试常用术语1
    测试覆盖率
  • 原文地址:https://www.cnblogs.com/jiangwenjie/p/5751824.html
Copyright © 2011-2022 走看看