龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS菜鸟学习小结

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
一、基本概念 1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p..... 2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类) 3、 伪类:visited、 active 、link 等 二
一、基本概念  
1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p..... 
2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类) 
3、 伪类:visited、 active 、link 等 
二、基本语法 
1、选择符 { 属性: 值 }
  例如: TD { FONT-SIZE: 9pt} 
2、选择符.类 { 属性: 值 }
  例如: td.aaa { color: #191970 } 
只能在该元素下有效 引用方法: <P CLASS=aaa> 
3、.类 { 属性: 值 }
   例如: .aaa { color: #191970 }
 任何元素都能用
例如: <p class=aaa  ... > </p>
   <a class=aaa  ... > </a> 
   <td class=aaa ... > </td> 
  
4、 选择符:伪类 { 属性: 值 }  例如:a:link {color:red}
5、 选择符.类:伪类 { 属性: 值 } 例如:a.bbb:link {color:blue}
引用方法: <a CLASS=aaa ...> </a> 
6、 .类:伪类 { 属性: 值 } 
例如: .mainnv:hover {COLOR: #ff0000} 
                                      
三、具体使用  
 
1、行内: 用选择符 { 属性: 值 }
例如: TD { FONT-SIZE: 9pt} 
2、文件头:方在<head> </head> 之间 例如: 
  <style type="text/css"> 
  <!--  
    A:link {text-decoration: none; color:#0072A8} //选择符:伪类 { 属性: 值 }
    A:visited {text-decoration: none; color: #0072A8} 
    A:active {text-decoration: none; color: #FF0000} 
    A:hover {text-decoration: underline; color: FF0000} 
    A.a1:active {COLOR: #ffffff} //选择符.类:伪类 { 属性: 值 }
    A.a1:link {COLOR: #ffffff} 
    A.a1:visited {COLOR: #ffffff} 
    A.a1:hover {COLOR: #faf108; TEXT-DECORATION: underline}
    body{font-size=9pt}   //选择符 { 属性: 值 } 
    H{FONT-SIZE: 9pt}      
    TD{ FONT-SIZE: 9pt}    
第 1 2 3 页
精彩图集

赞助商链接