-
首先搭建本地服务器并配置自动刷新功能，通过终端运行python3-mhttp.server8000启动服务，再安装live-server实现保存后自动刷新，接着使用VSCode打开项目并启用LiveServer扩展实时预览CSS修改，最后利用Fetch连接远程服务器上传更新文件以完成部署验证。
-
table-layout:fixed通过仅依据第一行或<col>元素的宽度声明分配列宽，跳过内容测量，显著提升大表格渲染性能；需显式设置列宽，否则列宽可能坍缩。
-
localStorage和sessionStorage只能存储字符串，存对象需JSON.stringify()、读取需JSON.parse()并加try/catch防错，二者API相同但生命周期不同：localStorage持久化，sessionStorage仅限当前标签页。
-
用::after实现按钮波纹效果需JS动态设置点击坐标并绑定CSS动画：按钮设relative定位和overflow:hidden；::after初始隐藏、圆形、居中定位；点击时计算相对坐标写入--x/--y变量；动画从scale(0)opacity(0.6)扩散至scale(3)opacity(0)，结束保留状态。
-
HTML5语义化标签如header、nav、main、article、aside、section、footer等，使网页结构更清晰且利于SEO；HTML负责结构，CSS控制样式，JavaScript实现交互，三者协同构建完整网页；避免标签未闭合、属性无引号、使用废弃标签及违反嵌套规则等常见错误，确保代码规范与兼容性。
-
reset.css的作用是抹平不同浏览器默认样式差异，通过将margin、padding等重置为统一基线（如0或inherit）提升样式可控性；现代项目更推荐normalize.css或框架内置preflight。
-
本文介绍通过CSS定位与背景尺寸控制，实现响应式覆盖层（如可点击的甜甜圈）在任意窗口尺寸下始终精确对齐背景图像中目标区域的方法，适用于图片、GIF和视频背景场景。
-
直接修改HTML5源码是调整网页结构、样式或交互行为最基础有效的方式，需依次完成文档类型与编码规范、语义化标签替换、废弃属性与标签修正、外部资源路径验证、新特性兼容性处理五步操作。
-
document.getElementById最快但仅支持ID；批量选元素用querySelectorAll而非getElementsByClassName；修改文本优先用textContent防XSS和重排；事件绑定推荐事件委托提升性能。
-
HTML表格通过table、tr、td/th构建，支持border样式、colspan/rowspan合并单元格、caption标题及thead/tbody/tfoot语义结构。
-
JavaScript条件语句不判断逻辑，只依表达式求值结果执行分支；应优先用===避免隐式转换；if中根据是否需实时计算选变量或函数调用；多分支优先用elseif而非嵌套；switch适用于单值多字面量匹配，比较为严格相等。
-
fetch是浏览器原生API，轻量简洁但需手动处理错误、cookie和超时；axios是功能完备的第三方库，内置拦截器、自动JSON处理、错误分类等，适合复杂场景。
-
可通过CSS的background-color属性设置背景颜色，具体方法包括：一、使用内联样式，在HTML标签中添加style="background-color:颜色值;"，如<divstyle="background-color:red;">内容</div>；二、使用内部样式表，在head中通过<style>标签定义规则，如div{background-color:blue;}；三、使用外部样式表，创建.css文件并用link标签引入，实现多页面复用；四、支持十六进
-
table-layout:fixed是CSS中控制表格列宽计算方式的属性，它使浏览器仅依据第一行或col元素的宽度声明来确定列宽，从而实现可控的自适应布局。
-
overflow:hidden裁剪溢出内容并禁用滚动，非仅隐藏滚动条；可用于图片圆角裁切，但会触发BFC、影响动画性能及焦点管理，需配合其他属性保障可访问性。
