layout
/ˈleɪaʊt/布局；版式
例句：This layout keeps the sidebar fixed on desktop.
返回词汇本当前环境不支持发音
Frontend Essentials
前端开发高频基础词汇，覆盖页面结构、样式与交互。
A2-B1总词汇 12当前 12
component
/kəmˈpəʊnənt/组件
例句：Each card is rendered by a reusable component.
responsive
/rɪˈspɒnsɪv/响应式的
例句：The page is responsive across mobile and desktop screens.
spacing
/ˈspeɪsɪŋ/间距
例句：Consistent spacing improves visual rhythm.
contrast
/ˈkɒntrɑːst/对比度
例句：Increase text contrast for better readability.
semantic
/sɪˈmæntɪk/语义化的
例句：Use semantic HTML elements for accessibility.
viewport
/ˈvjuːpɔːt/视口
例句：The hero section fills most of the viewport height.
animation
/ˌænɪˈmeɪʃn/动画
例句：A subtle animation can guide user attention.
state
/steɪt/状态
例句：The button has loading and disabled states.
interaction
/ˌɪntərˈækʃn/交互
例句：Hover interaction should feel fast and clear.
token
/ˈtəʊkən/设计令牌；标记
例句：Color tokens keep styles consistent.
typography
/taɪˈpɒɡrəfi/字体排印
例句：Good typography improves scanning speed.