求助!!!在html中引用外部样式表问题!

2024-11-07 20:49:57
推荐回答(3个)
回答(1):

utf-8。样式表文件要保存为这个格式。如果是dw做的。他生成的多办是gb2132。默认是这样。
另外书上很多东西不是正确的(垃圾书很多),比如:

div.one{
background-color:red;
}这个就是个垃圾。问题在于两个细节。
一系统定义为所有div标签套接样式div(全局变量)另一方面又用 “."定义子类。这样会有冲突。最佳方法:
全局变量
body{color:字体色;font-size:字体大小什么的。}
div{这个没有必要}
定义类:.one{这里有个问题是padding和margin两个属性}
如果你只用margin支持IE。但有时在其它浏览器显示不对。
那么说了这么多。总得给你解决问题吧。我把做好的加进去了。你调试。要是有问题。你拿刀砍我。
显示页代码:






我的修改后的内容




one

two

three

four






css代码//注意href="css.css为名

/*定义系统总变量*/
body{ text-align:center; font-size:12px; font-family:"宋体"; color:#FF3300;}

/*div { position:relative;width:250px; height:100px; border:10px single black;color:black;
text-align:center;
} 这个我不能说是垃圾,至少是很不好*/
#div{ width:250px; height:100px; margin:0px; border:#000000 solid 10px;}/*定义边框为10的黑边 高100*/
.one{float:left; clear:left; width:60px; height:95px; background:#006666; color:#FFFFFF;}
.two{float:left; width:60px; height:95px; background:#CC3333; color:#00FF00;}
.three{float:left; width:60px; height:95px; background: #66CC00; color:#990000;}
.four{float:right; width:45px; height:95px; background:#666600; color:#000033;}
/*为了区别每一行我用不同的字体色*/
/* 四列并行 注意 最后一行。我留了一个与左边有点间距为5像素*/

回答(2):

你的代码没有问题,样式表也没有问题,但我把你代码复制下来,发现你用的"{"和"}"号是全角而不是正规的半角英文符号"{"和"}"号,修改了就正常了.你可以改了试试.

另外如果你怕没引用到外部样式表的话,可以用个把样式表放在内部试试.

回答(3):

就是上面那位仁兄所说的一样,
把div .one及其它的,前面的div去掉