-
用aspect-ratio实现圆形标签需兼顾文字自适应与兼容性：设aspect-ratio:1/1和border-radius:50%，配合font-sizeclamp()、flex居中、box-sizing:border-box，并为旧浏览器降级使用padding-top:100%或固定尺寸。
-
placeholder属性仅对input（text、search等）和textarea有效，非全局CSS或JS方法；显示为浅灰色提示文字，不提交、非默认值，需用value或defaultValue设默认值；样式须用::placeholder及各浏览器前缀；无语义权重，不可用于校验或替代label。
-
本文介绍在PHP后端对数据库查询结果进行字母序排序后渲染下拉菜单的方法，通过usort()配合飞船运算符实现全名（姓+名）升序排列，确保前端<select>显示整洁、可读性强。
-
手机HTML5页面需通过五步优化：一、设置viewport元标签；二、采用响应式CSS布局；三、启用触摸事件替代鼠标事件；四、优化媒体资源加载；五、检测并适配设备特性。
-
使用font-weight:normal可取消文字加粗，包括内联样式、类选择器、覆盖继承值、重置语义标签默认样式及all:revert/unset批量处理。
-
align-self:start未生效最常见的原因是父容器未启用Grid布局（需display:grid/inline-grid），或目标元素非直系网格子项、被float/absolute/display:contents脱离格式化上下文；它仅作用于交叉轴（垂直方向），且不接受top值，必须用start。
-
for循环适用于已知执行次数的场景，需正确配合初始化、条件判断和更新三部分，常见错误是条件或更新缺失导致死循环或漏执行。
-
JavaScript默认参数仅在参数为undefined时生效，null、0、false、''等falsy值均保留原值；支持表达式每次调用重新求值，可引用前序参数及闭包变量，语义精准且安全。
-
频繁触发重排的HTML结构包括：1.table布局；2.内联元素与float混用；3.读取offsetWidth等后立即改样式；4.display:inline-block父容器含vertical-align子元素。
-
opacity设为0时元素仍占位置、参与文档流、能响应事件；会影响子元素且无法通过子元素设opacity:1恢复；动画应避免混用布局属性；与rgba相比，opacity作用于整体，rgba仅作用于颜色通道。
-
本文详解通过CSSaspect-ratio、max-content与font-variant-numeric:tabular-nums等现代属性，彻底解决数字在圆形元素中视觉偏移问题，确保多数字场景下始终严格居中。
-
transform:translate(-50%,-50%)偏移是因为以元素左上角为基准且依赖动态尺寸；Flexbox居中更稳但需父容器有明确高度；Grid的place-items:center对未知宽高最可靠。
-
padding-bottom是CSS中用于设置元素底部内边距的属性，值可为px、%或em等单位，作用于内容与边框之间，增加内部空白区域。通过设置如padding-bottom:20px，可使内容与容器底部保持距离，常用于文本块或卡片组件中提升可读性和视觉舒适度；需注意其会增加元素总高度（除非box-sizing为border-box），且留白区域会显示背景色，与margin-bottom影响外部布局不同，合理使用能优化页面排版。
-
flex-shrink:0不能单独保证图片不被压扁，需配合min-width:0和max-width:100%等约束，并确保图片为flex容器的直接子项且父容器有明确主轴尺寸。
-
HTML5不提供自动记录输入历史的功能，autocomplete行为由浏览器控制；需用localStorage手动实现可控历史记录，包括存取、去重、限长和渲染。
