1:
错误:进行css编辑网页的时候页面头部会出现一个白条,切通过正常的编辑无法去除!
解决方案:在项目中引入base.css即页面初始化,可以解决此问题!
2:
错误:进行css编辑网页时,有时候页面底部通过正常编辑无法实现预想中的效果,编辑的div(盒子)会跑去上边盒子内!
解决方案:给上边大盒子添加属性overflow: hidden;(上一级盒子沿用其子盒子的部分属性包括子盒子的高属性!)
可解决此问题!(此解决方案只适用于没对上方大盒子设置高属性所导致的错误,具体问题具体分析)
3:
错误:用css给页面某位置添加背景图片时会出现图片过大,无法展现自己预期想要展现的画面!
解决方案:直接在css里面添加图片并添加属性设置其为背景图片,再设置属性给它定位,设置展示想要的画面!
(background-image:
url(../img/bg1.png);
<添加图片> background-position:
bottom;<设置位置>)
4:
错误:用css进行页面编辑的时候经常会出现各种错误,在css代码页面很难看出来哪里出的错!
解决方案:进入预览浏览器,右击进入检查页面进行查找。
5:
错误:在css中对一个盒子进行编辑,达不到自己想要的效果的原因有几种!
(1):css中路径指示错误。
(2):路径中父子之间的空格或.漏写。
(3):路径中元素名大意写错。
(4):index.html中没有引入index.css。
(5):属性设置错误。
6:
错误:给一个div设置左右浮动却达不到效果!
解决方案:没有给此div的上一级设置宽度,给上一级加一个宽度即可。