-
节流是“固定时间窗口内最多执行一次”，适用于resize、mousemove、scroll等高频非实时场景；核心用setTimeout加状态标记实现首次触发立即执行、之后每delay毫秒最多执行一次。
-
正确写法是href值必须相对于当前HTML文件路径。如index.html在/src/、style.css在/src/css/，则写href="css/style.css"；about.html在/src/pages/时需写href="../css/style.css"；绝对路径href="/css/style.css"需部署到Web服务器才有效。
-
最直接的响应式flex布局控制点是flex-direction：默认column（小屏竖排），在min-width断点下覆盖为row（大屏横排）；需协同调整flex-wrap、flex-grow/shrink、justify-content和align-items，避免孤立修改导致布局垮塌。
-
响应式图片易错的5种场景：1.sizes值漏单位；2.srcset描述符与图片固有宽度不匹配；3.sizes媒体条件顺序错误；4.img缺少width/height致CLS；5.sizes误写在source标签内。
-
可将文档转为HTML的五种方法：一、Word另存为网页；二、LibreOffice导出HTML并嵌入CSS；三、Markdown编辑器导出单文件HTML；四、在线工具转换，注意隐私安全；五、pandoc命令行批量转换。
-
直接用transition:height无效，因height:0受padding/border/margin影响且height:auto不可过渡；应改用max-height配合overflow:hidden实现动画，并注意padding/border单独过渡及取值合理性。
-
侧边栏错位可通过响应式设计解决。1.使用@media查询设置断点，桌面端固定侧边栏，移动端改为相对布局或隐藏；2.小屏下用汉堡菜单配合JavaScript控制侧边栏显隐；3.采用Flexbox或Grid布局，使侧边栏在不同屏幕下自动调整；4.避免固定像素值，使用相对单位，设置box-sizing:border-box，并添加视口标签适配移动设备，确保在手机、平板、桌面等尺寸正常显示。
-
内联style和style标签适合极小项目或临时调试，常规开发强烈推荐link外链CSS文件；核心区别在于是否合适项目规模、可维护性、性能及协作需求。
-
RGB和RGBA是CSS中常用的颜色表示方法，RGB通过红、绿、蓝三原色数值定义颜色，适用于无透明度需求的场景；RGBA在RGB基础上增加Alpha通道控制透明度，取值0到1，实现半透明效果，广泛用于遮罩、渐变和阴影等设计。浏览器会将RGBA颜色与底层内容混合渲染，影响最终视觉表现，因此需注意父元素背景的影响。现代浏览器普遍支持RGBA，但为兼容旧版IE可提供RGB回退方案，Alpha值推荐使用小数形式。掌握二者有助于精准控制网页色彩与层次。
-
CSS颜色表示法包括关键字、十六进制、RGB/RGBA、HSL/HSLA及现代hwb()、lab()等；推荐优先使用十六进制或HSL，透明效果用RGBA或HSLA，语义化场景用关键字，高级格式需考虑兼容性。
-
本文详解为何place-items:center无法居中navbar，以及如何通过justify-content和align-items配合容器尺寸控制，实现.navbar在父容器<nav>中的水平垂直居中。
-
浮动布局在价格表中易错位，因其使元素脱离文档流，导致等高列、底部对齐和响应式断行难以实现，常见问题包括卡片高度不一致引发的换行偏移及父容器塌陷。
-
使用style标签在head中定义内部CSS，通过类或ID选择器设置样式，并避免与内联样式冲突以确保样式正确生效。
-
1、使用start命令可调用默认浏览器打开HTML文件，需先通过cd命令进入文件目录，再执行startindex.html；2、指定浏览器时需输入完整路径，如"C:\ProgramFiles\Google\Chrome\Application\chrome.exe""D:\myproject\index.html"；3、将浏览器路径添加至系统PATH环境变量后，可在任意位置直接调用浏览器启动HTML文件。
-
inline-block是独立显示类型，既保持行内布局特性（同行排列、受vertical-align影响），又支持完整盒模型（width/height/padding/border/margin均生效）；其vertical-align作用于行框基线，常致底部空隙，可用font-size:0或flex替代。
