智还王项目中出现的问题和使用的一些方法

遇到的问题：

1.智还王项目中的轮播图与模块最好可以占满整个网页的页面，给用户更好的体验感觉（由1218届学长提出）；

2.在切换页面时顶部的导航栏位置有些移动，这个问题会在以后的制作过程中注意，避免再次出现这种情况

3.在点击导航跳转页面时，最好把所在页面的导航标题变色，让用户更加清楚的知道自己所在的页面，增加用户的体验感

4.在新建HTML和CSS之前，先建好相对应的文件夹，用来储存文档，避免以后不必要的麻烦

5.在做页面之前先理清思路，不要做到哪里想到哪里，容易混乱

6.注释问题还要注意，最好多写注释，方便以后调试与找错

7.基础知识的掌握有些不足，空有想法却不能实现

8.思路打不开，停留在固定思维，没有创新

以上是自己的问题

下面是班级的问题整理

 

1.输入框可用首行缩进或者padding实现默认文字与输入光标的对齐

2.记着写标题，不要出现“无标题文档”，可引入网页标志

3.父级div的第一个子级元素的margin-top会影响父级div，解决办法：
a.超出部分隐藏：overflow：hidden;可能会与下一个父级div出现间隔，设置margin-top为负可解决。
b.设置上边框
c.将第一个子元素设置为一个1px高的空div
d.给父级元素设置padding-top;

4.导航部分注意点击后保留点击状态

5.相对最外层的div不用设高

6.注意文件格式，分类;代码注释

7.注重整体的美观、细节和用户友好

在制作智还王时用到的一些方法

overflow:hidden;     模块超出部分隐藏

.border-radius: 50%; （改变div的形状（变圆））

text-indent:__px; （调节字体缩进（每段文字开头的距离）

 

.点击改变字体：

 

  var c = document.getElementById('div_0'); （先找到你要改变的字体的位置赋值给一个变量）

 

         if(id==1){
         c.innerHTML="用户指南"; }（如果点击到这个页面的时候改变文字）

background-image:url(../images/images/1_shouye/gy.png);（引用背景图片）

background-repeat: no-repeat;     （使背景图片不平埔）

:hover{  }   （选择鼠标指针浮动在其上的元素，并设置其样式：）

text-align: center;  (字体居中)

position: fixed;（对于整个页面进行定位）

<a href="#">元素</a>  （点击元素时刷新页面）