Javascript CSS设计我的页面，抱歉伙计们我是个笨蛋

我有我的网站代码如下，但我的问题不是它的功能，而是它的外观

var名称；
var nameFormat=true；
var totalRight=0；
var welcomeName
$（“#欢迎2”）.hide（）；
$（“#欢迎2-0”）.hide（）；
$（'form'）.hide（）；
$（“#MYsubmit”）.hide（）；
var评分；
函数提交（）{
var name=document.getElementById（“textbox”）.value；
如果（name.length>0）{
警报（“欢迎”+姓名）；
美元（“#名称”）。淡出（1000）；
美元（“#欢迎”）。淡出（1000）；
$（“welcome2”）.show（）；
$（“欢迎2-0”）.show（）；
$（'MYsubmit'）.show（）；
$（'form'）.show（）；
welcomeName=document.getElementById（“welcome3-1”）.innerHTML++=“欢迎”+name+“！”+“祝你好运！”；
}否则{
nameFormat==false；
警报（“请重新输入名称”）；
}
}
var welcomeName=document.getElementById（“问题1”）.innerHTML+=“1.一般人需要多长时间才能入睡？”；
var welcomeName=document.getElementById（“问题2”）.innerHTML+=“2.美国人平均每年吃多少个鸡蛋？”；
var welcomeName=document.getElementById（“问题3”）.innerHTML+=“3.美国人平均有多少味蕾？”；
var welcomeName=document.getElementById（“问题4”）.innerHTML+=“4.松鼠的平均寿命是多少？”；
var welcomeName=document.getElementById（“问题5”）.innerHTML+=“平均而言，所有餐厅用餐中有5%包括薯片”；
函数finalsubmit（）{
if（document.getElementById（'correctAnswer-1'）。选中）{
totalRight=totalRight+1；
}
if（document.getElementById（'correctAnswer-2'）。选中）{
totalRight=totalRight+1；
}
if（document.getElementById（'correctAnswer-3'）。选中）{
totalRight=totalRight+1；
}
if（document.getElementById（'correctAnswer-4'）。选中）{
totalRight=totalRight+1；
}
if（document.getElementById（'correctAnswer-5'）。选中）{
totalRight=totalRight+1；
}
document.getElementById（“score”）.innerHTML++=“您在“+name+”中得分“+totalRight+”的结果”+“
”；
score=document.getElementById（“ans”）.innerHTML+=“你得分”+totalRight+“满分5分”；
如果（totalRight==5）{
document.getElementById（“score”）.innerHTML+=“你的分数是5/5！”；
}
}
/*
$（文档）.ready（函数（）{
$（“#hint1”）.mouseover（函数（）{
$（“#hint1”）。
});
$（“#hint1”）.mouseout（函数（）{
$（“#hint1”）。
});
}); 
*/
$（文档）.ready（函数（）{
$（'#hint1'）。悬停（函数（）{
$（此）.text（“7分钟”）；
},
函数（）{
$（this.text（“[HINT]”）；
});
});
$（文档）.ready（函数（）{
$（'#hint2'）。悬停（函数（）{
$（此）.text（“263个蛋”）；
},
函数（）{
$（this.text（“[HINT]”）；
});
});
$（文档）.ready（函数（）{
$（'#hint3'）。悬停（函数（）{
$（此）.text（“10000”）；
},
函数（）{
$（this.text（“[HINT]”）；
});
});
$（文档）.ready（函数（）{
$（'#hint4'）。悬停（函数（）{
美元（本）.text（“7年”）；
},
函数（）{
$（this.text（“[HINT]”）；
});
});
$（文档）.ready（函数（）{
$（'#hint5'）。悬停（函数（）{
$（此）.text（“7%”）；
},
函数（）{
$（this.text（“[HINT]”）；
});
});
欢迎光临{
顶部：30px；
左：30px；
颜色：仿古白色；
边框：2倍实心深蓝色；
背景：深蓝色；
填充：25px；
}
#名字{
顶部：30px；
左：500px；
颜色：仿古白色；
背景：深蓝色；
边框：25px实心深蓝色；
}
身体{
背景颜色：浅蓝色；
颜色：白色；
}
#欢迎2{
文本对齐：居中；
颜色：仿古白色；
背景：深蓝色；
边框：25px实心深蓝色；
}
#欢迎3-1{
顶部：30px；
左：500px；
颜色：浅绿色；
背景：深蓝色；
边框：25px实心深蓝色；
}
#欢迎2-0{
文本对齐：居中；
颜色：仿古白色；
背景：深蓝色；
边框：25px实心深蓝色；
}
.问题{
文本对齐：左对齐；
颜色：仿古白色；
背景：深蓝色；
边框：25px实心深蓝色；
}
.提示{
颜色：海蓝宝石；
背景：深蓝色；
边框：25px实心深蓝色；
}
.测验{
背景：深蓝色；
}
#ans{
文本对齐：左对齐；
边框：25px实心深蓝色；
背景：深蓝色；
颜色：红色；
}
#得分{
背景颜色：黄色；
颜色：红色；
背景尺寸：100px 100px；
}

欢迎

欢迎参加缅甸琐事测验
请输入您的姓名，然后单击“开始测验”开始
姓名：
提交
缅甸琐事问答
测试您的人口统计知识
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
7分钟

5分钟

20分钟

14分钟

[提示]
每年263个鸡蛋

每年23个鸡蛋

每年100个鸡蛋

每年45个鸡蛋

[提示]
10000

4000

20000

537

[提示]
7年

5年

20年

14年

[提示]
7%

5%

20%

14%

[提示]




提交
版权所有©2019。版权所有

也许您可以使用工具提示？W3学校的例子

。工具提示{
位置：相对位置；
显示：内联块；
边框底部：1px点黑色；
}
.tooltip.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
/*定位工具提示*/
位置：绝对位置；
z指数：1；
}
.tooltip:悬停.tooltiptext{
能见度：可见；
}

提示
把你的提示放在这里

我很确定你应该使用工具提示而不是鼠标悬停^^

$（“#欣