html中,为什么有的css样式在样式表里不起作用?!

html-css010

html中,为什么有的css样式在样式表里不起作用?!,第1张

html中,有的css样式在样式表里不起作用是设置错误造成的,解决方法为:

1、在如图网页中,我们可以看到style中的样式列表,以及所展示的效果图。

2、将style中的全部css样式选中,然后复制或者剪切。

3、然后ctrl+N新建一个CSS样式文件,如图所示,然后创建。

4、在创建的css样式文件中,将刚才复制的文件粘贴到这里。

5、在导出时,需要放到之前网页所在的同文件夹位置,可以新创建一个css文件夹,方便寻找导入。

6、然后回到html文件中,将之前的style样式全部删除即可,然后输入link链接标签,将之前保存的css样式链接进来,保存。

CSS宽高auto不管用的原因:

1、css属性覆盖

原因:被css继承属性覆盖了;

解决办法:利用chrome查找被覆盖属性的父级css属性,并删除。

2、css属性冲突

原因:上级div设置了浮动属性(float);

解决办法:删除上级div的浮动属性,或者中间加一个<ul>,并设置ul的overflow:auto。