CSS下拉列表错误纠正

时间:2022-01-06 07:49:46

上一篇关于CSS制作下来列表的错误纠正。

在上一篇中,用CSS只做了下拉列表,但是鼠标不放在导航栏上的时候,下拉列表也是出来的。具体错误就是

 div ul{
list-style:none;
max-height:o;
background-color:#606;
overflow: hidden;
transition: max-height:0.5s;
}

  一是:max-height:o;

误将0(数字零)写成了o(英文字母),

二是:

transition: max-height:0.5s;
0.5s后则不应该继续用(;)作为断句。 以后写代码应该小心细致,不然等到一次性写茫茫多代码的时候,可能因为0和o的错误,导致效果显示不出来,拉慢进度,是十分不应该的。
另外,要学会用网页的调试工具,这样将在检查代码哪里错误的时候,省下很多很多的时间。