而且,为了避免冲突,你最好在你的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格式即可
如果窗口缩小,页面样式错乱就要对每个元素设置长宽、浮动、定位保证每个元素唯一。
HTML中引入CSS样式的形式:
1、正常引入
<link href="/build/welcome.css" rel="stylesheet">。
2、按需引入
在需要的时候通过js引入。