Question

关于CSS样式修改的问题

/*发表评论*/
#xspace-itemform { width: 350px; margin: 1em auto; }
#xspace-itemform fieldset { border: 1px solid #EEE; padding: 1em; margin: 0; }
#xspace-itemform legend { font-size: 1.2em; font-weight: bold; line-height: 2em; }
#xspace-itemform p { margin: 0.3em 0; }
#xspace-commentmsg { width: 280px; height: 8em; vertical-align: text-top; }
#xspace-btncomment { margin-left: 2.5em; }
#xspace-seccodeline * { vertical-align: middle; }
#xspace-imgseccode { cursor: pointer; }
/*#xspace-rates { height: 2em; }
#xspace-rates label { float: left; line-height: 24px; margin-right: 5px; }
#xspace-rates a { float: left; background: #EEE; color: #000; text-decoration: none; width: 20px; height: 20px; text-align: center; line-height: 20px; margin: 0 2px; opacity: 0.2; filter: alpha(opacity=20); }
#xspace-rates a:hover { opacity: 1; filter: alpha(opacity=100); }
.xspace-rates-5 #xspace-rate-5, .xspace-rates-3 #xspace-rate-3, .xspace-rates-1 #xspace-rate-1, .xspace-rates0 #xspace-rate0, .xspace-rates1 #xspace-rate1, .xspace-rates3 #xspace-rate3, .xspace-rates5 #xspace-rate5 { font-weight: bold; opacity: 1; filter: alpha(opacity=100); }
*/
#xspace-rates { text-align: center; height: 50px; background: #FFF; }
#xspace-rates-bg { width: 210px; height: 30px; margin: 0 auto 5px; background: url(../images/base/rate_star.gif); }
#xspace-rates-star { height: 30px; background: url(../images/base/rate_star.gif) 0 -30px; margin: 0 auto 0 0; }
#xspace-rates-a { height: 30px; margin-top: -30px; }
#xspace-rates a { float: left; text-align: left; width: 30px; height: 30px; text-indent: -999px; overflow: hidden; background-color: transparent !important; }
.xspace-rates-5 { width: 30px; }
.xspace-rates-3 { width: 60px; }
.xspace-rates-1 { width: 90px; }
.xspace-rates0 { width: 120px; }
.xspace-rates1 { width: 150px; }
.xspace-rates3 { width: 180px; }
.xspace-rates5 { width: 210px; }

#xspace-smilies { display: block; width: 235px; margin-left: 2.2em; height: 24px; overflow: hidden; }
#xspace-smilies img { cursor: pointer; }
.xspace-moresmilies { float: right; cursor: pointer; line-height: 22px; margin-right: 10px; }
例如这里的#xspace-smilies img 中#代码什么意思，新建CLASS样式不是都是.开头的吗？还有可不可以不通过直接修改代码来编辑class样式，能否并且如何修改去修改边框等等
本人是菜鸟，对CSS样式接触不多，还望能详细解答...
另外现在新建一个CSS样式文件，是用DW编辑还是直接编写代码，谢谢指点

Answer 1

楼主你好，首先在HTML里调用样式有两种方式以ID形式和ClassName来进行调用，我先写个例子。

<style>
#pic_div{color:#F00;}/*这个我们以ID来定义的*/
.nav_div{color:#000;}/*这个以ClassName来定义的*/
</style>

html:
<div id="pci_div"></div>
这样调用的话，那个这个DIV里的字的颜色都是红的。

<div class="nav_div"></div>
这个DIV里的字为黑色

其实用Class调用或ID都可以，不过个人建议用Class，因为一个DIV只可以设置一个ID，为了兼顾到程序员可能会定义ID，所以尽量在定义样式里不要用ID进行调用。
对于写样式，建议开始时候用DW来写，这样的话，对样子属性不熟悉的话，它还有提示如何写。当能力达到一定高度时可以直接用文本写或是相关记事本写，提高速度。

希望我的回答对你有一定的帮助。@^_^@

Answer 2

可以通过dw的css样式视图中直接修改，用dw编辑还是写代码这个就随你了，但如果你是直接新建css文件的话（不通过css样式的视图新建），就要在文件中引用他就行，
#是对应div层的，例如<div name="wo"> </div> 那么css的样式名应该是#wo{ }，

Answer 3

用DW新建一个文件也成，在这里个css文件里写也成的

Answer 4

#对应的是id
。对应 的是class