css技术分享二、三级下拉菜单的制作：先看网页中的三级下拉菜单：接下来试试你自己！制作多级下拉菜单，我们需要在css中使用：hover选择器用于选择鼠标指针漂浮在其上的元素display：none：隐藏元素display：black：显示隐藏的元素Step1:构建框架并填充内容20172018一月1234567891011121314151617181920212223242526>272829302月三月四月五月六月2019202020212022第二步：写css样式注意：子元素会继承样式父元素的。如果要改变样式，可以给改变样式的对象一个id或class，并将其属性注释部分设置为下拉菜单的隐藏和显示样式。<样式>*{填充：0;保证金：0；}.c-year{位置：相对；宽度：60px；高度：250px；列表样式类型：无；背景：rgba(0,0,0,.8);颜色：#ffffff；}.c-yearli{width:60px;高度：40px；行高：40px；}.c-month{位置：绝对；顶部：40px；左：60px；宽度：400px；颜色：#ffffff；背景：rgba(0,0,0,.7)；文本对齐：居中；/*隐藏二级菜单*/display:none;}.c-monthli{显示：内联块；}.c-day{位置：绝对；顶部：40px；左：0；背景：rgba(0,0,0,.6)；显示：内联；/*隐藏三级菜单*/display:none;}/*悬停时为所有li添加背景色*/.c-yearli:hover{background:rgba(255,255,255,.2);}/*让鼠标悬停在年上时显示月份*/.c-yearli:hover.c-month{display:block;}/*当鼠标h超过月份就显示日期*/.c-monthli:hover.c-day{display:block;}此时可以得到如下效果图：提示：制作二级菜单需要注意的三点问题：1.层级关系：年月日很好解释多级下拉菜单之间的关系。点击年份可以显示月份，点击月份可以显示日期。也就是说，我们需要给要显示的对象父设置hover2.子元素会继承父元素的样式：在写css样式的时候，我们会发现子元素会继承父元素的样式.如果要改变样式，可以单独给改变样式的对象一个id或者class设置它的属性3、position：relative（相对定位）/absolute（绝对定位）的用法。
