html中,有的css样式在样式表里不起作用是设置错误造成的,解决方法为:
1、在如图网页中,我们可以看到style中的样式列表,以及所展示的效果图。
2、将style中的全部css样式选中,然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件,如图所示,然后创建。
4、在创建的css样式文件中,将刚才复制的文件粘贴到这里。
5、在导出时,需要放到之前网页所在的同文件夹位置,可以新创建一个css文件夹,方便寻找导入。
6、然后回到html文件中,将之前的style样式全部删除即可,然后输入link链接标签,将之前保存的css样式链接进来,保存。
CSS中出现了一个很小的bug:
在内部样式表中
body {
width: 300pxmargin: 0 auto
}
中}为错误写法,应该把;去掉。CSS语法与JS语法不要弄混淆了。
而且从浏览器显示的结果可以看出body样式已经成功应用,但是div样式没有正确应用。就是错误的分号令浏览器没有正确应用div样式指令。
首先第一个格式问题
外联样式进入应放在</head>结束标签之前;
第二个,f12打开控制台,看有无404报错,可能存在css文件不一致导致样式没有引入,还有就是你页面进入两个css文件,控制台看下是否是因为样式冲突或者权重问题导致