首先第一个格式问题
外联样式进入应放在结束标签之前;
第二个,f12打开控制台,看有无404报错,可能存在css文件不一致导致样式没有引入,还有就是你页面进入两个css文件,控制台看下是否是因为样式冲突或者权重问题导致
看这个是看不出问题的,你应该用浏览器打开你得网页,然后按F12键调出控制台,看看是不是没有把你的css文件引入(引入的路径不正确),如果不是这个错误再看看是不是你的css选择器写错了(可以鼠标右键点击你那个没有效果的区域检查它的css样式,看看是不是都有,如果没有可能就是你的选择器写错了),希望能帮到你。
这样子,光看代码是看不出来的,有可能是CSS路径或其它的问题,你可以把外链的CSS都改成内联的,如果正常的话就是路径的问题。
你所拍的代码不足以判断哪里出问题了,给你个建议,一个标签一个标签的进行验证吧,比如在各个div上分别用style设置边框border:1px solid red;或者背景色background:red;,看看浏览器中是否会显示边框或者背景色;就以设置边框后的效果举例判断:
1、如果显示为一条红线,就可能是css样式表调用出错或者未被调用,因为div高度默认为0,边框显示为一条线就说明样式表中的高度根本未被调取,而更大的可能就是整个css样式表未被调用;
2、如果边框显示是有范围的,就说明样式表中有部分样式被调用,最起码高度肯定被调用了,那么你就得检查其他样式是否有问题;
1、检查html中css的路径是否正确,注意相对路径和绝对路径,如果所有css都没效果,一般是路径有问题,CSS文件没加载上。
2、对没有效果的css逐一检查,比如左侧left0没效果,就去针对的查看left0写的是否正确。