-
video元素无自动右边距行为，其右侧显示异常源于盒模型、响应式规则及父容器布局共同作用；需设max-width:100%+height:auto+display:block，并检查viewport、flex对齐及父级样式。
-
纯HTML和CSS实现彩色色块时，若页面空白无显示，通常是因为未设置<div>的宽高——空元素默认尺寸为0×0，无法呈现背景色。
-
使用CSS的position和:hover实现下拉菜单：通过父级li设置relative定位，子菜单absolute定位并默认隐藏，hover时显示，结合box-shadow、z-index等优化体验，无需JavaScript即可完成交互。
-
清除浏览器缓存可解决页面显示异常，方法包括：一、通过设置清理缓存，选择“所有时间”并勾选“缓存的图片和文件”；二、使用Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新页面；三、开发者工具中勾选“Disablecache”实时禁用缓存；四、手动删除系统中的浏览器缓存文件夹以彻底清除旧数据。
-
使用CSS工具类可高效管理margin、padding和border样式，通过预定义类如mt-2、p-4、border-rounded等实现快速布局，结合方向与尺寸命名规范，提升开发效率与代码可维护性。
-
Symbol是JavaScript中唯一且不可变的原始类型，用于创建不冲突的对象属性键；其值唯一、不隐式转字符串、不可枚举，可通过Symbol.for()全局共享，常用于安全扩展对象行为。
-
Flask应用中post.html无法加载CSS，通常是因为静态资源路径错误：post.html中引用的css/styles.css缺少Flask默认静态目录前缀static/，导致浏览器请求路径为/css/styles.css（404），而正确路径应为/static/css/styles.css。
-
height:0无法与height:auto过渡，因CSS过渡不支持auto；改用max-height（如0→500px）配合opacity和visibility，并设overflow:hidden，可实现真正收放动画。
-
Next.js13不提供全局禁用服务端渲染（SSR）的配置选项；其核心设计哲学是“默认服务端优先”，若需纯客户端应用，更推荐使用CreateReactApp等轻量框架。
-
inline元素设置width和height无效是因为CSS规范规定其盒模型属性对布局无影响，浏览器会忽略它们；应改用inline-block、block、flex或grid等显示类型。
-
CSS无法区分环境，因其是纯静态规则集，不支持条件逻辑；环境差异必须由构建工具在JS入口或配置中通过process.env.NODE_ENV或import.meta.env控制CSS引入路径。
-
清除浮动因浮动元素脱离文档流导致父容器高度塌陷，使用clearfix伪元素和overflow:hidden触发BFC，确保父容器包裹子元素，使页脚紧贴内容底部。
-
HTML5废弃了<font>、<center>等表现型标签及align等属性，须用CSS替代；语义标签如<section>需配标题，不可盲目替换div；DOCTYPE必须为<!DOCTYPEhtml>，编码声明用<metacharset="utf-8">且置于head最前；表单新属性需JS降级兼容。
-
JavaScript不能直接开发原生App，因其为解释型语言，缺乏系统级运行时支持且无法访问底层API；ReactNative等方案通过桥接机制让JS控制原生组件，而非直接执行。
-
使用a:visited伪类可改变已访问链接颜色，需按LVHA顺序定义link、visited、hover、active状态，且受限于隐私保护，仅允许修改color等少数属性。
