css的定义及运行规则

  1. CSS的类型
    (1) 自定义CSS .如果应用到html控件上,则只需要加上 class 属性
             EX:
               .bg{background-image:url(bg.gif);}
               <body class="bg">
     (2) 重定义标签的CSS
           可以针对某一个标签来定义CSS,也就是说定义的CSS将只应用于选择的标签。例如为<body>标签定义CSS,那么包含在<body></body>标签的内容将遵循定义的CSS
         EX:
             t d{color:#000099;font-size:9pt}
     (3) CSS选择符
           CSS选择符为特殊的组合标签定义CSS,使用ID作为属性,以保证文档具有唯一可用的值。CSS选择符是一种特殊类型的样式,常用的有4种,分别为:
       a:lingk  设定正常状态下联结文字的样式
       a:active 设定鼠标单击时的连接的外观
       a:visited:设定访问过的连接外观
       a:hover:设定光标放在连接文字之上时,文字的外观
  2. CSS的基本写法
       1 HEAD内的实现
          <style type="text/css">
     .....
          </style>
       2 BODY内的实现
          <h3 style="....">
       3 在文件外的调用
       <link rel="stylesheet" href="style.css" type="text/css">
       4 输入样式表
          <style type="text/css">
          <!--
          @import url(company.css);
          <h3 style="....">
          -->
          </style>
  3. CSS的冲突
           当对同一段文字应用多个CSS样式时,由于这些样式之间可能存在一定的矛盾,因此在显示时会出现无法预期的效果。
         当浏览器显示CSS时,一般遵循几个规则:
         (1)当两个不同样式应用于同一段文字时,浏览器将显示这段文件所具有的所有属性,除非定义的两个样式之间有显示上的冲突。例如,一个样式定义这段文字为绿色,另一个定义的颜色为红色。
         (2)当来自不同样式中的文本属性在应用到同一段文字产生冲突时,浏览器将按照与文本关系的远近决定到底显示哪一个属性。
         (3)在产生直接冲突时,CSS样式具有较高的优先级。也就是说,在HTML样式与CSS样式产生矛盾时,浏览器将按照CSS样式中定义的文本属性来显示
    ================ 
posted on 2008-07-23 14:58  草原和大树  阅读(798)  评论(1编辑  收藏  举报