0 Comments

完美实现CSS页面居中方法揭秘(3)

发布于:2013-08-08  |   作者:广州网站建设  |   已聚集:人围观

◆类别选择器

在CSS里用一个点开头表示类别选择器定义,例如:.


  1. 14px{color:#f60;font-size:14px;}  
  2.  

在页面中,用class="类别名"的方法调用:
广州网站建设,网站建设,广州网页设计,广州网站设计


  1. <spanclassspanclass="14px">14px大小的字体span> 
  2.  

这个方法比较简单灵活,可以随时根据页面需要新建和删除。

◆定义链接的样式

CSS中用四个伪类来定义链接的样式,分别是:a:link、a:visited、a:hover和a:active,例如:

viewplaincopytoclipboardprint? 


  1. a:link{font-weight:bold;text-decoration:none;color:#c00;}  
  2. a:visited{font-weight:bold;  
  3. text-decoration:none;color:#c30;}  
  4. a:hover{font-weight:bold;text-decoration:underline;color:#f60;}  
  5. a:active{font-weight:bold;  
  6. text-decoration:none;color:#F90;}  
  7. a:link{font-weight:bold;text-decoration:none;color:#c00;}  
  8. a:visited{font-weight:bold;  
  9.  
  10. text-decoration:none;color:#c30;}  
  11. a:hover{font-weight:bold;  
  12. text-decoration:underline;color:#f60;}  
  13. a:active{font-weight:bold;  
  14. text-decoration:none;color:#F90;}  

以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。注意,必须按以上顺序写,否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。
广州网站建设,网站建设,广州网页设计,广州网站设计

飞机