Question

CSS代码在HTML中调用

#navigation { width:150px; font-family:Arial;}
#navigation ul { list-style-type:none; margin:0px; padding:0px;}
#navigation li { border-right:2px solid #FC0;}
#navigation li a { display:block; padding:5px 5px 5px 2px; text-decoration:none;/*去掉下划线*/ border-right:3px solid #690512; border-bottom:3px solid #690512; border-left:3px solid
#afafaf; border-top:3px solid #ffffff;}
#navigation li a:link,
#navigation li a:visited { background-color:#c11136; color:#FFFFFF;}
#navigation li a:hover { background-color:#FF0; color:#F00;}

这段代码能不能放在CSS文件中，在HTML页面调用。
我已经试过但是与原样式不用。如果能请告诉我方法。。
你们说的方法我知道。 但是调用出来的效果跟放HTML中直接使用的效果不一样

Answer 1

可以在外部写个css样式表，再用嵌入式方法，链接，就可以

<link rel="stylesheet" type="text/css" href="style.css" />

追问

不是不会调用。 是调用出来的不一样。

Answer 2

你可以新建个style.css的文件，把上面的代码黏贴进去
然后在你的html文件的头部调用

<link rel="stylesheet" type="text/css" href="style.css" />

Answer 3

没太理解的问题，你可以把这段css单独创建一个css文件，然后在html调用

Answer 4

吧这些放在css文件中然后再正确的引用css即可

Answer 5

现在都主张样式代码分离了，这样更方便管理，同时也能避免重复写一些公用的代码