50分请解析csdn首页的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、回复次数：1Top
1 楼penny8386（一天一点进步)( 三年目标）回复于 2003-08-05 05:07:31 得分 50
问题一：
A:link 与 A.title2:link不会冲突
一般来说，样式表的声明分为选择符和块，块里包含属性和属性的取值，举几个例子：
TD {FONT-SIZE: 9pt; FONT-FAMILY: Arial;line-height:150%;COLOR: #333333;}
BODY { FONT-FAMILY: 宋体; FONT-SIZE: 9pt; color #333333 }
A {color: #333333;TEXT-DECORATION:none}
可以看出，选择符基本上就是html中的标志符。 在这里，如果我们用
A{color: #333333;TEXT-DECORATION:none}
则所有链接的文字都是黑色显示，没有上下划线。 然而，在平时使用时，大家都习惯了鼠标的反应， 于是，将其细化，根据不同情况做出反应，便可写成：
A:link {color: #333333;TEXT-DECORATION:none}
A:visited {COLOR: #666666;TEXT-DECORATION:none}
A:hover {COLOR: #ff3300;TEXT-DECORATION:underline}
但是，这样定义的样式表是一个全局样式，所有的链接文字都只有一样的反应，表现太单调。于是，我们
可以用伪类来解决问题，伪类基本格式如下：
.伪类名 {属性：值}
例如：
.title2:link {COLOR: #000000; TEXT-DECORATION: none}
（在这里 A.title2:link {COLOR: #000000; TEXT-DECORATION: none} 则是类的写法，"A" 表示调用伪类的标志符，为了使分类的使用更灵活多样，还是提倡用伪类，即省去类前方的标志符），
伪类可以被任何标识符在HTML里引用，所以，在样式需要改变的地方，用class="title2" 来调用就可以了，
一般是这样写：
<a href="#" class="title2">csdn论坛</a>
所以，A:link 与 A.title2:link不会冲突，前者定义的是全局的样式，只要样式表被包含进来它就对所有链
接文字起作用， 后者只对调用它的链接标志符内部内容起作用。
因此，问题一的第二小问也很清楚了：.top 与.menu不是系统默认的关键字，它们是网页制作者自定
义的伪类名，用来在标志符中通过 class="..."来调用。
问题二：
答案见上文，所有以 .开头的都是伪类。
问题三：
很显然不是。使用dw编辑css样式固然是一种方法，可许多样式表还是需要自己动手写的。
比如：
TD {FONT-SIZE: 9pt; FONT-FAMILY: Arial;line-height:150%;COLOR: #333333;}
BODY { FONT-FAMILY: 宋体; FONT-SIZE: 9pt; color #333333 }
A {color: #333333;TEXT-DECORATION:none}
总的来说，用dw编辑的主要是类和伪类，在设计器中显示出来的是类名，可以直接调用。常规的样式还是
主要通过手写完成。 当然，熟练的使用设计器对提高工作效率还是大有帮助的。
Top
