Question

请教CSS问题，比如页面里的样式是这样写的（如下），如果把这些样式放到一个CSS文件里，该怎么改？

.datalist{
border:1px solid #0058a3;
font-family:Arial;
border-collapse:collapse;
background-color:#eaf5ff;
font-size:14px;
}
.datalist caption{
padding-bottom:5px;
font:bold 1.4em;
text-align:left;
}
.datalist th{
border:1px solid #0058a3;
background-color:#4bacff;
color:#FFFFFF;
font-weight:bold;
padding-top:4px; padding-bottom:4px;
padding-left:12px; padding-right:12px;
text-align:center;
}
.datalist td{
border:1px solid #0058a3;
text-align:left;
padding-top:4px; padding-bottom:4px;
padding-left:10px; padding-right:10px;
}
.datalist tr.altrow{
background-color:#c7e5ff;
}
经试验，不行诶 ╮(╯▽╰)╭，怎么改，求高手指点

Answer 1

新建一个记事本文件打开把这段代码粘贴进去，然后保存为.css文件，把这个文件放在跟你的网页文件在同一个文件夹下面。名字自己起，例如xxx.css。
然后在你的网页文件头部加上如下代码：
<link href:"xxx.css" type="text/css" rel="stylesheet"/>

Answer 2

还有一种方法是我常用的，你可以试一下。
在dw中新建.css的文件。保存在你的网页文件同级的文件位置，把需要链接的代码复制粘贴进去。
打开dw中的文件面板，找到刚才新建的.css文件，直接拖动到<title></title>的下面即可。
这种方法简单又不易发生手误！很好用！

Answer 3

"就这样写没问题，但是注意网页div的id要与上述名称一致" 楼上的 这个应该不是ID吧 应该是CSS样式吧！

Answer 4

就这样写没问题，但是注意网页div的id要与上述名称一致。

Answer 5

把这段代码复制，然后新建一个css文档，命名为.css格式的（比如叫style.css），然后把代码拷贝到文档内，保存到站点下，最好是新建一个名字为css的文件夹。然后在页面文档的title下引用此样式表，<link rel="stylesheet" type="text/css" href="css/style.css"/>,要注意的是css文件调用的路径是否正确，如果不正确，样式是不会生效的。