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.注重整体的美观、细节和用户友好
用到的JS：
// 赋值 var c1 = document.getElementsByClassName("de_dh1_111"); // 设置循环 for(var i=0; i<c1.length;i++){ // 当num=0时 if( i === num-1){ // 执行这个样式 de_dh1_111名字是用来找源代码里面的 de_dh1_11是要改变的样式，可以直接写在CSS样式里 c1[i].setAttribute("class","de_dh1_111 de_dh1_11"); }else{ // 否则执行这个样式 c1[i].setAttribute("class","de_dh1_111 de_dh1_1"); } } } 更换样式鼠标移入隐藏显示
源代码
JS代码
转载于:https://www.cnblogs.com/cp123/p/8716886.html
相关资源：数据结构—成绩单生成器