存在的问题:
一、当给标签或者盒子加入了css样式以后它没有生效原因有以下几种:
1.没有将外部的css文件和html文件没有连接起来或者link写错了位置 link需要写在head里面
2.link中的css路径位置写错了,没有选中文件
3.css文件中的类名和HTML文件中的类名不同
4.css文件中的父子名之间需要一个空格
二、在写网页顶部的时候,发现页面没有显示在网页的最顶端,上面有距离,或者明明css中设置的宽度为100%,左右两端却离页面有间距,css和HTML设置没有什么问题:
解决:因为你的页面没有初始化,需要加入京东或者淘宝的初始化设置 就是我们现在用的base.css文件。初始化所有的设置
三、在进行编辑网页时,有时候页面底部通过正常编辑无法实现预想中的效果,编辑的div(盒子)会跑去上边盒子内,与正文部分的内容重叠:
解决:实际上是你正文部分的父盒子没有实际高度或者不够,需要给正文部分的大盒子添加属性overflow: hidden,让其适应盒子内的正文的高度
四、在给页面某位置添加背景图片时会出现因为图片过大,无法展现自己预期想要展现的画面,比如说图片的左右部分不想要,但是它却显示出来了:
解决:直接在css里面添加图片并添加属性设置其为背景图片,再设置属性让其定位, background-position: bottom;
五、在布完局之后,css样式也加好的,检查所有东西都没有问题,却发现页面没有达到自己想要的效果,页面布局凌乱,头不是头,体不是体,尾不是尾,有点乱,在代码中检查不出问题:
解决:进入网页按f12查看源码,看看逐步看布局,是不是content的部分写在了header中,或者其他地方写进了上一个布局中,有时候马虎删掉了一个结尾符或者完全没写进在里面。这样检查明确又清晰。
六、在盒子的嵌套中,外盒子写好了,想让内盒子距离外盒子有点边距,使用margin-top并没有达到自己想要的效果,甚至说内盒子设置的边距却跑出了外盒子:
解决:这个时候可以换一种思路,既然设置外边距无法实现,那就给外盒子设置内边距使用padding
(margin其实可以实现的,但是我找不到解决办法,只要设置margin内盒子的边距就会莫名其妙的跑到外盒子的外面,高啊还有其他什么值都没有问题)