-
使用标签选择器可选中指定HTML元素，如p、div、img；结合类或ID可精确控制，如p.special、div#header；通过属性选择器可筛选具特定属性的元素，如input[type="text"]、a[href^="https"]；利用伪类可选中特定状态元素，如li:first-child、button:hover。
-
CSS更新后页面无变化主因是浏览器缓存，应在link标签href中添加?v=版本号（如?v=1.0.1）强制刷新资源；推荐语义化版本或时间戳，配合服务端Cache-Control策略与文件哈希命名实现长效缓存控制。
-
try...catch用于捕获同步错误，语法为try块放可能出错代码、catch块处理Error对象（含message/name/stack），finally块必执行；它无法捕获异步错误、语法错误和未处理的Promise拒绝。
-
局部组件样式被全局覆盖源于CSS优先级和作用域规则，并非局部必然优先；需理解style默认全局、提升选择器权重、慎用!important，推荐CSSModules或CSS-in-JS实现真正隔离。
-
使用CSSGrid结合grid-row、grid-column和z-index可实现卡片重叠效果。通过设置网格行列范围使卡片定位并部分重叠，再用position和z-index控制层叠顺序，如卡片A（grid-row:1/3,z-index:2）覆盖卡片B（grid-row:2/4,z-index:1），形成视觉层次。需确保容器为display:grid，合理定义网格结构与定位属性，可辅以负margin增强重叠感，响应式中可用媒体查询调整布局，保持z-index层级清晰便于维护。
-
本文介绍在Moodle等受限LMS环境中，仅允许使用内联CSS的前提下，如何将文本与表格等块级元素垂直对齐——核心方案是为容器设置display:flex并配合align-items:center。
-
要运行HTML文件需先创建Web项目并添加HTML文件，设为起始页后通过“在浏览器中查看”用外部浏览器预览，或配置IISExpress启动站点进行调试。
-
JavaScript数组sort()默认按字符串Unicode码点排序，数字数组需传入比较函数如(a,b)=>a-b，多级排序用||链式比较，字符串字段推荐localeCompare()。
-
通过link和script标签分别引入CSS和JS文件，实现结构、样式、行为分离；2.使用相对路径或绝对路径定位资源，前者依赖文件位置关系，后者更稳定；3.常见问题包括路径错误、属性缺失、加载顺序不当等，需借助开发者工具排查；4.外部文件提升可维护性、缓存复用和团队协作，内联仅用于关键CSS、特定小脚本或调试场景。
-
最常用且稳妥的多行文字溢出渐隐方案是用::after伪元素配合渐变背景，关键在于遮罩层精准覆盖文字末尾且不干扰点击与选中；需设置容器行数限制、隐藏溢出，并用绝对定位伪元素加线性渐变实现透明过渡，同时设pointer-events:none确保交互正常。
-
HTMX本身不提供DOM尺寸监听或实时样式调整能力，因此纯HTMX无法实现文本域随内容增长自动扩容；必须结合少量内联JavaScript（如oninput+scrollHeight计算）完成，这是轻量、安全且符合HTMX设计哲学的补充方案。
-
CSS渐变断层源于8bit色深下颜色插值精度不足，解决关键是增加中间色阶或改用HSL模型渐进调控亮度与饱和度。
-
圣杯布局的核心目标是实现三栏自适应：左右定宽、中间自适应，且HTML中main必须前置以利SEO，视觉上居中；通过浮动+负margin+container内padding实现，本质是文档流错位与视觉还原的平衡。
-
推荐使用transform+transition实现元素平滑移动，因性能更高、动画更流畅。首先通过position定位元素，再用transform:translate(x,y)进行位移，并配合transition设置过渡效果。相比直接修改top/left触发重排的方式，transform由GPU加速，避免页面重绘，尤其适合频繁动画和移动端。例如.movable{position:relative;transition:transform0.4scubic-bezier(0.25,0.8,0.25,1);}
-
float导致父容器高度塌陷是因为浮动元素脱离文档流，父容器无法感知其高度；需通过clearfix类（含*zoom:1、display:table和clear:both）或空元素清除法解决，但后者存在语义污染等问题。
