-
首先判断年份是否为闰年，再通过switch语句累加前几个月天数，最后加上当月日期得出当年第几天。例如2024年3月1日为第61天，因2024是闰年，2月有29天。
-
Atom本身不运行HTML，它只是文本编辑器；真正“运行”需通过浏览器打开（如拖入Chrome）、起本地服务器（如atom-live-server或python-mhttp.server），否则file://协议会导致CORS、路径解析等错误。
-
多重背景需严格对齐各层background-image、position、size、repeat等参数，CSS用逗号分隔多层值，Sass推荐用map而非list组织每层属性，避免索引错乱；须用join()合并生成单行声明，注意单位顺序与兼容性。
-
CSS颜色控制图标的核心在于利用矢量特性实现灵活配色。字体图标通过color属性统一变色，适用于单色场景；SVG图标支持fill/stroke多色控制，可精细调整路径颜色，适合复杂图形。两者均具备可伸缩、高性能、易主题化的优势。实际项目中推荐使用CSS自定义属性（如--icon-primary-color）定义语义化颜色变量，结合类名控制状态色，实现全局主题切换与深色模式适配，提升维护效率与用户体验一致性。
-
本文介绍如何利用CSS媒体查询，在移动端图像背景与文字重叠导致可读性下降时，精准、无JavaScript地切换文本颜色，提升响应式体验。
-
gap是推荐属性，用于设置网格间距；grid-gap为旧写法但仍可用；gap兼容Grid与Flexbox布局，语义更清晰，建议新项目使用gap以提升维护性。
-
用CSS骨架屏加载效果的核心是渐变背景+位移动画：1.用语义化空元素占位并设浅灰底色和圆角；2.线性渐变创建亮色条带，配合background-size和background-position实现扫描光效；3.通过@keyframes让背景位置水平移动，时长1.5~2s，infinite循环；4.优化细节如头像溢出隐藏、文字间距、按钮尺寸及动画错峰。
-
HTML5结构标签本身不加快加载速度；它们仅提供语义化含义和默认ARIArole，不减少字节、不触发懒加载、不影响资源下载顺序，因此不直接提升首屏渲染或DOM构建速度。
-
HTML中保留多个空格的方法有五种：一、用 实体；二、用<pre>标签；三、用CSSwhite-space:pre-wrap；四、用<span>加margin/padding模拟；五、用Unicode空格字符如 或 。
-
浏览器无法直接运行PHP文件，因为PHP需服务器端解析。必须通过XAMPP等本地服务器环境，将PHP文件放入htdocs目录，再通过http://localhost访问，才能查看执行结果。
-
gap属性是CSSGrid中用于设置网格行与列间距的简写属性，等同于row-gap和column-gap，作用于网格容器，自动在网格项之间创建均匀间隔。语法支持单值统一设置或双值分别定义行、列间距，如gap:15px或gap:20px10px。相比传统margin，gap不会出现在容器边缘，避免了边距重叠与额外空白问题，布局更整洁。适用于卡片、表单、仪表盘等场景，提升可读性与响应式表现。现代浏览器广泛支持，建议优先使用gap控制网格整体间距，避免与margin混用，以增强布局效率与维护性。
-
CSScolor属性仅控制可继承的文本颜色，无法统一全局色调；真正实现需通过:root定义CSS变量（如--color-text）并显式引用，同时兼顾background-color、border-color等多属性协同。
-
使用lftp的mirror命令可实现本地HTML/CSS网站批量同步到远程服务器，1、通过lftpftp://用户:密码@地址连接并进入交互界面；2、用lcd和cd分别设置本地与远程路径；3、执行mirror--reverse--delete--verbose完成同步，确保目录结构一致且远程多余文件被清除；4、可编写Shell脚本自动化流程，提升效率；5、通过~/.lftprc配置安全选项与凭证管理，避免密码明文暴露，实现安全高效部署。
-
用记事本新建.html文件却打不开？先关掉「隐藏已知文件扩展名」Windows默认隐藏.txt扩展名，你点“另存为”输index.html，系统可能实际存成index.html.txt——浏览器认不出，双击直接报错或用其他程序打开。解决办法很简单：进「文件资源管理器→查看→显示→勾选「文件扩展名」」。确认后重存一次，看文件图标是不是变成小地球图标、后缀明确显示为.html。VSCode里新建.html文件要手动写吗？不用手敲，但别依赖自动补全糊弄过去。VS
-
max-width:100%单独对浮动图片无效，因浮动元素脱离文档流，父容器高度坍缩且包含块可能非预期父级；须配合BFC（如overflow:hidden或display:flow-root）才能生效。
