-
attr()函数主要用于在CSS的content属性中动态插入HTML属性值，典型场景包括打印样式中显示链接URL、提升可访问性、开发调试及创建轻量级工具提示。其语法为attr(attribute-name<type><fallback>)，支持获取任意HTML属性（如href、data-*、alt等），但目前主要局限于content属性使用，因浏览器对非content属性的attr()支持有限，且属性值多被当作字符串处理，难以直接用于width、color等需数值或颜色类型的CS
-
后代选择器通过空格选中所有嵌套的指定元素，如divp；子选择器用>仅选直接子元素，如ul>li；相邻兄弟选择器用+选紧接的同级元素，如h1+p；通用兄弟选择器用~选之后所有同级元素，如h2~p；伪类选择器用:定义特殊状态，如a:hover和li:nth-child(odd)。
-
Promise.any返回首个成功结果，全失败才以AggregateError拒绝；Promise.race则谁先完成（无论成败）即结束，首个失败即整体失败。
-
彻底清除列表默认样式需同时设置list-style:none、margin:0和padding:0；list-style-image兼容性差，推荐用::before+background-image；Flex布局下对齐需作用于li内部；语义结构不可破坏。
-
CSS伪类通过:hover、:focus、:active和:checked实现悬停、聚焦、激活和选中状态的视觉反馈，提升交互体验；2.:hover增强按钮、菜单悬停效果，但避免在移动端过度使用；3.:focus确保键盘可访问性，通过边框或轮廓提示聚焦元素，推荐使用:focus-visible优化显示；4.:active模拟点击按下效果，常与:hover配合完成完整反馈链；5.:checked自定义表单状态样式，支持复选框、切换开关及纯CSS交互组件；6.合理运用可减少JavaScript依赖，提升可用性与
-
CSS网格布局可高效实现拼图式响应式页面：通过grid-template-areas定义区域、fr/minmax设置不规则尺寸、aspect-ratio与object-fit控制图片比例、grid-auto-flow处理动态项，并用媒体查询适配移动端单列布局。
-
使用::first-letter可选中块级元素首字母并设置样式，如字体、颜色、大小等，常用于文章开头装饰。示例中通过font-size、font-weight和color改变首字母外观，还可结合float实现首字下沉，提升视觉层次。应用场景包括段落、引用或章节开头，增强可读性与设计感。需注意元素为块级且首字符未被内联标签包裹，避免识别失败，同时关注多语言符号兼容性及旧版IE支持问题。
-
首先通过Karabiner-Elements配置自定义键位实现HTML与CSS一键切换：1、安装应用并授权；2、在~/.config/karabiner/assets/complex_modifications/路径下创建html_css_toggle.json规则文件；3、编写JSON规则，利用apple_script插入预设文本；4、绑定right_control+h和right_control+c分别输出HTML标签与CSS样式，通过状态变量实现模式切换。
-
微博网页版无“热点推送频率”设置项，因其不支持系统级推送，仅通过前端短轮询更新热门内容，刷新节奏不可调；用户只能手动点击刷新或按F5重载，无法像App那样在设置中调整推送频次。
-
navigator.clipboard.writeText()报“Permissiondenied”因需用户手势触发且限于安全上下文；须在click等事件中调用，禁用setTimeout或load时调用，file://协议不支持，旧版浏览器需降级使用document.execCommand。
-
图片响应式居中需先设display:block再用margin:0auto，或用父容器display:flex+justify-content:center；同时配max-width:100%、height:auto及正确viewport声明。
-
可通过五种方法恢复网页文本可复制性：一、覆盖user-select:none为text；二、移除JavaScript阻止选中的事件监听；三、清除unselectable="on"属性；四、修正pointer-events禁用导致的选中失效；五、禁用遮罩类伪元素。
-
本文介绍使用纯CSS显示控制+少量JavaScript安全合并HTML段落的方法，避免使用innerHTML/innerText和DOM移动操作，在保留所有结构、样式和data属性的前提下，实现多段文本（含嵌套标签）在视觉上“连成一行”的效果。
-
使用audio标签可插入背景音乐，需注意浏览器自动播放限制，建议结合muted属性与JavaScript在用户交互后开启声音，并提供控制按钮以提升体验。
-
使用border-radius:50%和overflow:hidden可实现圆形头像，需确保容器为正方形且图片填充适配，推荐用box-shadow添加视觉效果以保持裁剪精度。
