写好的css样式几天后重新运行项目,页面全部都是乱的,求大神解救

html-css030

写好的css样式几天后重新运行项目,页面全部都是乱的,求大神解救,第1张

当然可以再引入自己写的css。但如果把之前的样式搞乱了,说明你写的样式,跟之前easyui的样式冲突了,因此你检查一下自己写的css。

而且,为了避免冲突,你最好在你的css选择器中,限定好范围。

比如你有一个页面区域div,id是custom-widget。

那么你的样式前面都加上这个前缀,也是比较好的办法。比如:

1

2

3

4

5

6

7

8

#custom-widget p{

display: block

width: 25px

height: 25px

}

#custom-widget .foo{

float:left

}

如果你确定通过网址能正常访问到CSS的话

就可以肯定出是你CSS文件编码存在问题

假如CSS中存在中文注释

并且上传到服务器上的文件被默认保存成ANSI

恰巧网站编码是UTF-8

那么出现这种问题是很正常的

解决方法

如果网站采用UTF-8编码

只需将CSS用记事本打开并选择另存为UTF-8格式即可

CSS+DIV排版其实很容易。

如果凭空排版。你可能要先自己用纸画个版面草图。然后用div(不加内容,但是要显示边框)按照草图排版。直到自己满意之后再往div中添加内容。

如果有美工做好的效果图,那么按照效果图来排是最容易的。方法同上。

值得一提的是,排版一般都要求主层居中。而且兼容各个浏览器,关于这个方法,很多人都用

margin:0px 0px auto

这是最通用的让主层居中的方法。但是浏览器兼容性差。在大多数浏览器中,这个样式是不起作用的。

最简单有效,而且兼容所有浏览器的方法就是把主层放在<center></center>里。然后主层里的其它层用float和margin排版。保证不跑偏。

以上是我从事CSS+DIV工作5年的心得。莫见笑。