框架与平台
CSS has 选择器:交互增强与性能边界
解释 CSS :has() 的关系选择能力(父选择器效果),展示交互增强用例(如有子元素时样式变化),并给出性能边界与工程建议。
CSS Grid 自动放置与 dense 模式:布局策略与性能
'介绍 Grid 的自动放置规则与 `grid-auto-flow: row|column|dense`,在不完整网格中进行回填与布局优化,说明适用场景与性能注意事项,并提供示例与兼容建议。'
CSS Grid auto-fit 与 auto-fill:minmax 响应式网格
使用 `repeat(auto-fit/auto-fill, minmax())` 构建弹性网格,自动填充可用空间并保持项的最小/最大尺寸,提升响应式表现。
CSS focus-within:层级焦点与交互管理
介绍 `:focus-within` 的层级焦点选择器,便于为包含焦点的容器应用样式与交互状态,提升可访问性与表单/菜单体验,提供示例与建议。
CSS accent-color:原生控件主题化与无障碍
使用 accent-color 为复选框、单选、进度等原生控件赋予主题色,同时确保对比度与易用性,并提供兼容与降级方案。
Cookie 前缀:__Host- 与 __Secure- 安全约束
使用 `__Host-` 与 `__Secure-` 前缀为 Cookie 施加额外约束,提升路径与协议安全性,降低被降级或跨子域覆盖的风险。
Cookie 前缀实践:__Host- 与 __Secure- 的使用与约束
解释 Cookie 前缀的安全约束与用途,给出在会话标识与跨子域隔离中的实践建议,并说明与 Secure/SameSite 的协作。
