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>

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

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

    注释方法:

      /*注释内容*/

      

  • 相关阅读:
    codesmith 模板
    asp.net 开发知识小结【转】
    一种页面数据错误输入提示方法 【转】
    vs2008 调试js
    安装vs2008出现的问题
    Godaddy主机导入MSSQL数据库教程
    asp.net用url重写URLReWriter实现任意二级域名(续)
    Visio2007 与Microsoft Studio 2008不兼容
    dos 必知八项命令
    Godaddy空间设置说明
  • 原文地址:https://www.cnblogs.com/jiangwenjie/p/5751824.html
Copyright © 2011-2022 走看看