CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
英特尔®游戏设计大赛100美元现金周周送 专题改版:Java Web 专题
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  HTML(CSS)

50分请解析csdn首页的css

楼主marrio(独孤牧).net()2003-08-04 18:54:35 在 Web 开发 / HTML(CSS) 提问

/csdn_index.css内容如下  
   
  A:link   {color:   #333333;TEXT-DECORATION:none}  
  A:visited   {COLOR:   #666666;TEXT-DECORATION:none}  
  A:hover   {COLOR:   #ff3300;TEXT-DECORATION:underline}  
   
  .top:link   {color:   #eeeeee;TEXT-DECORATION:none}  
  .top:visited   {COLOR:   #eeeeee;TEXT-DECORATION:none}  
  .top:hover   {COLOR:   #ff6633}  
   
  .menu:link   {COLOR:   #000000}  
  .menu:visited   {COLOR:   #000000}  
  .menu:hover   {COLOR:   #000000;TEXT-DECORATION:underline}  
  .littleFont   {FONT-SIZE:9px;line-height:150%;Color:gray}  
   
  TD   {FONT-SIZE:   9pt;   FONT-FAMILY:   Arial;line-height:150%;COLOR:   #333333;}  
  .tdmain{font-size:11pt;line-height:19pt;color:#000000}  
  .TDHeight   {FONT-SIZE:   11.5px;   FONT-FAMILY:   Arial;line-height:160%;COLOR:   #333333;}  
  .TDHeight1   {FONT-SIZE:   11.5px;   FONT-FAMILY:   Arial;line-height:165%;COLOR:   #333333;}  
  .td1   {border-bottom:1px   solid   #333333;   border-left:1px   solid   #333333;   border-right:1px   solid   #333333;   border-top:1px   solid   #333333;}    
  .td2   {border-bottom:1px   solid   #aaaaaa;   border-left:1px   solid   #aaaaaa;   border-right:1px   solid   #aaaaaa;   border-top:1px   solid   #aaaaaa;}    
  .td3   {border-bottom:1px   solid   #aaaaaa;   border-left:1px   solid   #aaaaaa;   border-right:1px   solid   #aaaaaa;   border-top:1px   solid   #aaaaaa;BACKGROUND-COLOR:   #FEF7DF;FONT-SIZE:   12px;}    
  .td4{BORDER-RIGHT:     1px   solid   #FF9933;   BORDER-TOP:     1px   solid   #FF9933;   BORDER-LEFT:     1px   solid   #FF9933;   BORDER-BOTTOM:     1px   solid   #FF9933}  
  .td5{BORDER-RIGHT:     0px   solid   #aaaaaa;   BORDER-TOP:     1px   solid   #aaaaaa;   BORDER-LEFT:     1px   solid   #aaaaaa;   BORDER-BOTTOM:     0px   solid   #aaaaaa}  
  .title1   {FONT-SIZE:   21px;   FONT-FAMILY:   Arial   Black}  
   
  .FormText_1  
  {  
       
          FONT-SIZE:   12px;  
           
  }  
   
  .FormText_2  
  {  
          BORDER-RIGHT:   #0066cc   1px   solid;  
          BORDER-TOP:   #0066cc   1px   solid;  
          FONT-SIZE:   12px;  
          BORDER-LEFT:   #0066cc   1px   solid;  
          CURSOR:   hand;  
          LINE-HEIGHT:   150%;  
          BORDER-BOTTOM:   #0066cc   1px   solid;  
          BACKGROUND-COLOR:   #f1f5fa  
  }  
   
  .FormText  
  {  
          BORDER-RIGHT:   #0066cc   1px   solid;  
          BORDER-TOP:   #0066cc   1px   solid;  
          FONT-SIZE:   12px;  
          BORDER-LEFT:   #0066cc   1px   solid;  
          CURSOR:   hand;  
          LINE-HEIGHT:   150%;  
          BORDER-BOTTOM:   #0066cc   1px   solid;  
          BACKGROUND-COLOR:   #f1f5fa  
  }  
  .FormText1  
  {  
          BORDER-RIGHT:   #0066cc   1px   solid;  
          BORDER-TOP:   #0066cc   1px   solid;  
          FONT-SIZE:   12px;  
          BORDER-LEFT:   #0066cc   1px   solid;  
          LINE-HEIGHT:   120%;  
          BORDER-BOTTOM:   #0066cc   1px   solid;  
          BACKGROUND-COLOR:   #f1f5fa  
  }  
   
  //////////////////////////////////////////////  
   
  对于css的各个项的意思标记我明白  
  我不理解的是  
  问题1:要是一个页面需要点击标题连接是没下画线点击时是红色   其他的内容部分点击是有下画线有的红色   有的是蓝色               csdn首页就是如此    
   
  他采用的是在首页的html里写上  
  <style>  
  .title0   {font-size:17px;font-family:arial;font-weight:bold;text-decoration:none;color:#FFFFFF;}  
  A.title2:link   {COLOR:   #000000;   TEXT-DECORATION:   none}  
  A.title2:visited   {COLOR:   #000000;   TEXT-DECORATION:   none}  
  A.title2:active   {COLOR:   #ff0000;   TEXT-DECORATION:   none}  
  A.title2:hover   {COLOR:   #ff0000;   TEXT-DECORATION:   none}  
  </style>  
   
  而在/csdn_index.css里再写上  
  A:link   {color:   #333333;TEXT-DECORATION:none}  
  A:visited   {COLOR:   #666666;TEXT-DECORATION:none}  
  A:hover   {COLOR:   #ff3300;TEXT-DECORATION:underline}  
   
  .top:link   {color:   #eeeeee;TEXT-DECORATION:none}  
  .top:visited   {COLOR:   #eeeeee;TEXT-DECORATION:none}  
  .top:hover   {COLOR:   #ff6633}  
   
  .menu:link   {COLOR:   #000000}  
  .menu:visited   {COLOR:   #000000}  
  .menu:hover   {COLOR:   #000000;TEXT-DECORATION:underline}  
   
   
  那么请问有A:link   与   A.title2.link不会冲突吗   .top   与.menu都是系统默认的关键字吗    
   
  问题2:  
   
          而其他的TD   .td1   .td2   .td3   .td4   .td5   .title1   .FormText_1   .FormText_1  
  .FormText_2   .FormText   .FormText1   应该是自己起的名字吧,但是在html中我好象  
  没发现有与之对应的语句   应该是class=   ,..吧  
   
  问题3:  
                大家在做网页的时候直接用dw新建编辑css样式就行了   而不用手写css吗?  
  问题点数:50、回复次数:3Top

1 楼cloudchen(cloudchen)回复于 2003-08-04 20:47:11 得分 10

1.你写的太多了,懒得看  
  2.就是class  
  3.dw手写都有Top

2 楼Brookes(边走边唱)回复于 2003-08-05 10:30:46 得分 10

别这么但啃css,对照他的页面一块看,就明白了Top

3 楼plsky(端方飘零)回复于 2003-08-05 10:32:15 得分 30

A:link   与   A.title2.link当然不会冲突  
  第一个是定义整页默认的连接的,第二个是自己定义的,然后用<a   class=title2>来引用。  
  没有吗?是你没找到吧  
                      <td   bgcolor="#F9F9E8"     class=td2>  
                              <!--热点讨论,共4条-->  
  <table   width="100%"   border="0"   cellspacing="0"   cellpadding="0">  
                                  <tr>    
                                      <td   bgcolor="#F9F9E8"   height="5"   ></td>  
  这不就是一个嘛??  
  而且,可能csdn_index.css这个样式表文件并不是一个网页用啊,可能别的网页里也要用的,所以可能首页里你找不全那些自定义的样式。  
   
  第三个问题同楼上Top

相关问题

  • [解析]那些是CSDN中的牛人!!!
  • TOMCAT下域名解析及首页问题。
  • csdn贴子显示原理大解析(之一)
  • csdn首页的banner......
  • csdn首页咋了?
  • 解析语句
  • 域名解析
  • UBB 解析类
  • xml解析
  • xml解析

关键词

  • 样式
  • csdn
  • 网页
  • css
  • top
  • td
  • formtext
  • decoration
  • color
  • hover

得分解答快速导航

  • 帖主:marrio
  • cloudchen
  • Brookes
  • plsky

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
世纪乐知(北京)网络技术有限公司 版权所有, 京 ICP 证 020026 号
北京创新乐知广告有限公司 提供技术支持
Copyright © 2000-2007, CSDN.NET, All Rights Reserved
GongshangLogo