Question

我用在线CSS编辑器编辑的，出来两种代码，为什么啊？

.someclass {
background-color : #FFCCCD;
border-width : 4px;
border-color : #FF848B;
border-style : double;
padding : 9px;
width : 377px;
border-top-style : double;
border-left-style : double;
border-right-style : double;
border-bottom-style : double;
border-top-color : #FFFC8C;
border-left-color : #9CFF1C;
border-right-color : #FF9158;
border-bottom-color : #941700;
height : 73px;
font-family : serif;
font-size : 10pt;
}
第二个

<DIV style="background-color:#FFCCCD; border-width:4px; border-color:#FF848B; border-style:double; padding:9px; width:377px; border-top-style:double; border-left-style:double; border-right-style:double; border-bottom-style:double; border-top-color:#FFFC8C; border-left-color:#9CFF1C; border-right-color:#FF9158; border-bottom-color:#941700; height:73px; font-family:serif; font-size:10pt; ">

</DIV>

Answer 1

第一种..当你把它保存为一个单独的CSS文件时叫做外部CSS样式...
而当你把它直接让在html里的style标签里的时候它叫做内部CSS样式
第2种...叫做行内样式..
区别就在于...第一种如果你指定一个CLASS或者一个tag那么它会针对整个页面起作用..而第2种不管你怎么指定DIV的class..它只对这一个DIV起作用..而且..写入后...页面的代码变的拥挤..这样不好..尽量少的写行内样式...

Answer 2

1是写到单独css文件里面的
2是直接写到html网页文件里面的

避免第2种，不好！

Answer 3

说明人性化，给你两个选择，如果你网页少、简单，那么写再里面的css也很好