跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

标签为
menu

6篇文章
{
,

}
文章的直接链接 关于老式 HTML 列表的新知识
aria 定义列表 list-style-position 列表 标记 菜单

关于老式 HTML 列表的新知识

HTML 列表很无聊。它们没有做太多的事情,所以我们没有真正考虑它们,尽管它们被广泛使用。而且我们仍然能够做我们一直以来做的事情来定制它们,比如移除标记、反转……

Avatar of Daniel Schwarz
Daniel Schwarz 于 2022 年 11 月 28 日
文章的直接链接 语义菜单上下文
HTML 菜单 语义

语义菜单上下文

Scott 深入研究了 <menu> 元素的历史。他在 1994 年的更改日志 中追溯到 HTML 2 (!)。当时的氛围似乎是标记一个列表。我怀疑意图是……

Avatar of Chris Coyier
Chris Coyier 于 2021 年 11 月 11 日
文章的直接链接 如何改善我们单页应用程序菜单的可访问性
:focus-within 可访问性 焦点 菜单 导航

如何改善我们单页应用程序菜单的可访问性

我最近开始与团队一起为客户开发一个渐进式 Web 应用程序 (PWA)。我们使用 React,并通过 React Router 进行客户端路由,我们制作的第一个元素之一就是主菜单。菜单……

Avatar of Luke Denton
Luke Denton 于 2021 年 2 月 25 日
文章的直接链接 页面旋转动画菜单揭示
复选框技巧 菜单 导航

页面旋转动画菜单揭示

网站上有许多不同的菜单方法。有些菜单是持久存在的,始终可见并显示所有选项。其他菜单设计上是隐藏的,需要打开才能查看选项。甚至还有……

Avatar of Preethi
Preethi 于 2020 年 9 月 8 日
文章的直接链接 带有 React Hooks 和 Styled Components 的汉堡菜单
菜单 导航 react hooks styled components

带有 React Hooks 和 Styled Components 的汉堡菜单

我们都知道什么是 汉堡菜单,对吧?当这种模式开始进入网页设计时,它既被嘲笑又因其极简主义而受到赞赏,极简主义让主菜单能够隐藏在屏幕外,尤其是在移动设备上……

Avatar of Maks Akymenko
Maks Akymenko 于 2019 年 9 月 12 日
文章的直接链接 具有“动态点击区域”的菜单
下拉菜单 菜单 SVG

具有“动态点击区域”的菜单

飞出菜单!当你需要实现使用悬停事件显示更多菜单项的菜单时,你就会处于棘手的境地。首先,它们也应该使用点击和轻触来工作。如果没有这样,你就破坏了……

Avatar of Chris Coyier
Chris Coyier 于 2019 年 7 月 3 日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发的最新动态

使用我们手工制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS 提要
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.