Css 我应该使用什么HTML5元素来构建前端菜单?

Css 我应该使用什么HTML5元素来构建前端菜单?,css,Css,我知道HTML5提供了菜单元素来实现这一点,但我不记得它们是什么 对于具有可读性的HTML5元素,有一个很好的参考吗?我相信你指的是HTML,这将是元素,通常与和结合在一起。比如: 正文{ 背景色:#EBE8E4; 颜色:#222; 字体系列:“HelveticaNeue灯”,“Helvetica Neue灯”,“Helvetica Neue”,Helvetica,Arial,“Lucida Grande”,无衬线; 字体大小:300; 字体大小:15px; } 导航{ 背景色:#fff; 边

我知道HTML5提供了菜单元素来实现这一点,但我不记得它们是什么


对于具有可读性的HTML5元素,有一个很好的参考吗?

我相信你指的是HTML,这将是
元素,通常与
  • 结合在一起。比如:

    正文{
    背景色:#EBE8E4;
    颜色:#222;
    字体系列:“HelveticaNeue灯”,“Helvetica Neue灯”,“Helvetica Neue”,Helvetica,Arial,“Lucida Grande”,无衬线;
    字体大小:300;
    字体大小:15px;
    }
    导航{
    背景色:#fff;
    边框:1px实心#dedede;
    边界半径:4px;
    盒影:0 2px2px-1pxRGBA(0,0,0,0.055);
    颜色:#888;
    显示:块;
    保证金:8PX22PX8PX22PX;
    溢出:隐藏;
    宽度:90%;
    }
    导航ul{
    保证金:0;
    填充:0;
    }
    李国荣{
    显示:内联块;
    列表样式类型:无;
    过渡:均为0.2s;
    }
    导航>ul>li>a>插入符号,
    导航>ul>li>ul>li>a>插入符号{
    边框顶部:4倍实心#aaa;
    右边框:4px实心透明;
    左边框:4px实心透明;
    内容:“;
    显示:内联块;
    身高:0;
    宽度:0;
    垂直对齐:中间对齐;
    过渡:颜色0.1s线性;
    }
    导航>ul>li>ul>li>a>插入符号{
    边框底部:4px实心透明;
    边框顶部:4倍实心透明;
    右边框:4px实心透明;
    左边框:4px实心#f2f2;
    利润率:0.8px;
    }
    导航>ul>li>a{
    颜色:#aaa;
    显示:块;
    线高:56px;
    填充:0 24px;
    文字装饰:无;
    }
    导航>超视距>视距:悬停{
    背景色:rgb(40,44,47);
    }
    导航>ul>li:悬停>a{
    颜色:rgb(255、255、255);
    }
    导航>ul>li:悬停>a>.caret{
    边框顶部颜色:rgb(255、255、255);
    }
    导航>超链接>垂直导航>垂直导航>垂直导航:悬停>a>插入符号{
    左边框颜色:rgb(255、255、255);
    }
    nav>ul>li>ul,
    导航>保险商实验室>保险商实验室>保险商实验室>保险商实验室{
    背景色:rgb(40,44,47);
    边界顶部:0;
    边界半径:0 0 4px 4px;
    盒影:0 2px2px-1pxRGBA(0,0,0,0.055);
    显示:无;
    保证金:0;
    不透明度:0;
    位置:绝对位置;
    宽度:165px;
    可见性:隐藏;
    过渡:不透明度0.2s;
    }
    导航>保险商实验室>保险商实验室>保险商实验室>保险商实验室{
    背景色:rgb(40,44,47);
    边界半径:0 4px 4px 4px;
    盒影:插入2px05pxRGBA(0,0,0,15);
    边缘顶部:-42px;
    右:-165px;
    }
    导航>ul>li:悬停>ul,
    导航>超视距>超视距>超视距:悬停>超视距{
    显示:块;
    不透明度:1;
    能见度:可见;
    }
    导航>ul>li>ul>li,
    导航>超视距>超视距>超视距>超视距>超视距{
    显示:块;
    位置:相对位置;
    }
    导航>ul>li>ul>li>a,
    导航>超视距>超视距>超视距>超视距>超视距>超视距>超视距{
    颜色:#fff;
    显示:块;
    填充:12px 24px;
    文字装饰:无;
    }
    导航>超视距>视距>视距:悬停>a{
    背景色:rgba(255,255,255,0.1);
    }
    
    
    • 菜单1
      • 子菜单1-1
      • 子菜单1-2

    我不确定我是否理解你的意思,你指的是html5元素(比如
    )?CSS不提供任何“元素”。请了解前端技术之间的区别。我相信您指的是HTML,这将是
    元素,CSS通常与
  • 相结合,主要是通过一些小的修改来删除子菜单中不必要的div。我想使用nav uk li范例,去掉a元素,因为我不需要“链接”。我打算用
    span
    而不是a。到目前为止效果很好。