第一次考核已经结束，我们也看了大家的作业，总体来说基本大模样都能写出来，但都存在着这样那样的小问题，大家刚接触这也很正常，下面汇集了大家常见的问题，希望能对大家有所帮助，大家努力努力这几天修改下自己的代码。
目录
问题
1. 图片写成绝对路径，导致发来的作业我们打开看不到你的图片
例如路径写成<img src= "C:/Users/test/Documents/images/logo.png">而发来后我们打开网页，网页会去找我们的C盘下的这个文件，而我们C盘又没有这个文件导致图片不能显示。
解决方法：以后图片路径一律写成相对路径，如../images/logo.png这样也方便移动文件后也能正常打开。
2.代码太乱
部分同学代码是这个样子，这样代码如果很多的时候很影响阅读
解决方法：同一级的要竖直方向对齐，父级和子级之间要差点距离，例如这种
3.文件夹层次较乱
部分同学所有文件在同一文件夹下，这样就会显着很没有层次，以后文件会很多就会显得杂乱无章
解决方法：图片统一在images(也可以取其他名字，但要能一看就知道是放图片的)文件夹下类似的文件统一在一个文件夹下这种，下面提供一种方案。
4. 缩放后跑到一个方向而不是居中
如何快速缩放：按住Ctrl键滚动鼠标放大缩小
例如下面这种
解决方法：margin:auto；让其自动居中，具体实现另行讲解。
5. 字体颜色距离与原图差异较大
如果字体距离与原图不同但界面美观也行，但部分同学因字体颜色距离等因素导致界面看起来不美观。目前大家处于模仿阶段，务必做到与原图一模一样，不要觉得差不多就退而求其次。这是非常严重的问题。
解决方法：仔细对比原图，我个人用qq自带截图Ctrl+Alt+A，找到需要的颜色的rgb值，然后使用例如color:rgb(123,123,123)这种
双击数值然后按住键盘上的上下可即时调节(在网页上便可看到效果)
6.class和id命名问题
部分同学可能会把每个class命名为如div1、div2、div3这种，但是这种别人在读代码的时候不能直接看出这个class是写的什么东西，看着比较乱。
解决方法：每个命名都有特殊意义，比如用其英文名称搜索框（searchInput）等等，具体命名规范参考：HTML DIV+CSS 命名规范大全
7. 出现横向滚动条了怎么办
看了下很多人出现了这个问题，原因大多是比如你用了一个margin-left:500px让它到达指定的位置，如果你用的台式机显示正常，你看着挺好，但是比如我电脑14寸的，宽度总共就1000多，你来个500不出问题才怪。
按住F12选中某个盒子是经常用到的排查错误的方式
解决方法： 按F12然后点击左边的小鼠标放到右面空白的地方看看是哪个div太宽了导致出现滚动条
根本解决方法是margin:auto配合左右浮动+外层用百分比 
8.css代码放到html文件里
并不是说css和html放一起就是错的，而是如果css代码较多就会显得文章比较乱（假想你要向下一直滑才能看到你的html代码是什么感觉）放一个文件里只适合css代码较少这样比较好维护
解决方法：采用引用外部文件的形式
9.好多同学都是用table写的
并不是说用table写是错的，而是table一方面不容易维护，一些框架也都是用div加其他的完成的，日后除后端表格外一般不会用到table
解决方法：强烈建议大家用div重新写下
10.乱码问题
部分同学网页出现乱码
解决方法：其实一行代码就可解决：<meta charset="UTF-8">，大家可看下源码的<head>中代码格式
11.咨询建议是固定在窗口固定位置的
部分同学的咨询建议那不会随着页面滚动而改变位置，可能没理解发布作业时的意思
解决方法：参考下源码中的效果，主要就是position: fixed;
12.部分同学写死宽度
这里指的是比如你写一个盒子宽1500px,你的电脑比较宽看着没问题，但是放到小点的电脑1500px太宽了就会出现滚动条
解决方法：对于较大的宽度用百分比表示(一般在<head>、<footer>这种外层框架才会用到)
知识点
1. margin:0 auto；配合左右浮动
红色框的宽度固定假如为1000px;再加个margin: 0 auto; 让红色框水平方向居中；
再加个overflow: hidden;清除文档流的浮动，避免红色框以外的元素随着里面元素的浮动
里面的两个黑色框宽度固定但不要超过父元素宽度，一个float:left, 一个float:right;
如果黑色框里还有这种左右结构，可以继续将其进行拆分
按照这个方式 布局就能让网页在不同大小的屏幕（电脑屏幕）或不同浏览器上浏览排版不乱
2.浮动float
浮动在初学时可能好多锅都是因为没用好浮动，比如怎么盒子高度为0。
具体参考CSS浮动：
W3school的css浮动
个人写的关于盒子高度为0的例子
3.改了代码却不生效
这种问题可能是代码没写好，但有时代码没什么问题，却还是不生效。这是因为浏览器的缓存机制的问题。浏览器为了节省流量和更快的打开网页，在用户多次刷新时并不会重新刷新所有文件，而只是刷新部分文件，这就导致可能你改动的代码并未被浏览器重新引用。
解决方法：清除浏览器数据
谷歌浏览器是这样，其他浏览器类似
也可在网页界面按快捷键Ctrl+F5
小结
本篇文章并不能包含所有大家遇到的问题，有些问题也需要大家自己去搜索解决。文章为个人经验所写，如有错误，请联系我更正。
