-
content-box的width和height仅包含内容，不包括padding和border，实际尺寸会更大；2.border-box的width和height包含内容、padding和border，设置值即总尺寸；3.推荐使用border-box以便更直观控制布局，避免元素溢出，常用重置写法为,::before,*::after{box-sizing:border-box;}
-
移动端Safari和部分Android浏览器对::selection支持有限，iOS长期限制背景色与文字颜色；需用::-webkit-selection+::selection双声明、确保可选中状态、字体不小于16px，并注意DOM修改风险。
-
Foundation框架通过基于Flexbox的12列响应式网格系统，结合small、medium、large断点实现跨设备布局，使用cell类构建页面结构，并集成导航、卡片等组件增强交互，配合按需引入和压缩资源优化性能，提升开发效率与移动端体验。
-
<!DOCTYPEhtml>的作用是声明HTML5文档类型，确保浏览器以标准模式渲染页面，避免因缺少声明导致的怪异模式问题；2.打开HTML文件最直接的方式是双击文件、拖拽到浏览器、右键选择打开方式或通过浏览器菜单的“打开文件”功能；3.现代开发使用<!DOCTYPEhtml>因其简洁且能统一触发标准模式，取代了HTML5前冗长复杂的DOCTYPE声明；4.更专业的查看方式包括使用代码编辑器（如VSCode配合LiveServer插件）实现实时预览，结合浏览器开发者工具（F12）检
-
Symbol是JavaScript中保证唯一性的原始类型，每次调用Symbol()都生成本质不同、不可复现的值；可用于避免对象属性命名冲突、实现“隐身”属性、跨模块共享标识（Symbol.for）及模拟私有成员与定制行为。
-
掌握margin的方向设置、auto行为和折叠特性可灵活控制元素间距，通过margin调整块级元素垂直距离，使用margin:0auto实现水平居中，并注意相邻元素间margin折叠问题及解决方案。
-
异步加载脚本在JavaScript中主要通过使用<script>标签的async和defer属性或动态创建<script>标签实现。1.async属性允许脚本在下载时继续解析HTML，完成后立即执行。2.defer属性使脚本在文档解析后但DOMContentLoaded前执行。3.动态创建<script>标签提供更灵活的控制，适合处理依赖和加载失败。
-
JavaScript实现通知提醒的核心是使用NotificationAPI发送系统级通知或创建自定义DOM元素实现页面内提示。首先需通过Notification.requestPermission()请求用户授权，获准后即可调用newNotification()显示系统通知，适用于新消息、任务完成等需即时关注的场景，即使页面非活跃状态也能提醒；其优势在于跨页面可见性，但需用户许可且样式受限。另一种方式是通过动态创建DOM元素（如Toast提示框），结合CSS实现美观的页面内通知，无需权限、完全可定制，适合
-
使用VisualC++运行HTML页面可通过三种方法实现：一、利用MFC框架中的CHtmlView类创建单文档应用，加载本地或远程HTML；二、在MFC对话框中嵌入WebBrowserActiveX控件，通过CWebBrowser2变量调用Navigate方法显示网页；三、采用现代C++/WinRT结合WebView2控件，基于Edge引擎提供更优的HTML5支持，需配置SDK并初始化CoreWebView2环境以加载页面。
-
正确实现背景渐变动画需使用@keyframes改变background-image的linear-gradient，确保0%与100%首尾连贯，配合animation-iteration-count控制次数，避免属性误用导致的跳变或断层。
-
grid-auto-flow用于控制网格项的排列方向和自动布局行为，其取值包括row（默认，按行填充）、column（按列填充）、rowdense和columndense（启用稠密算法填补空隙）。当未明确指定项目位置时，浏览器按此属性自动放置项目。例如设置grid-auto-flow:row，项目从左到右逐行排列；设为column则自上而下填满列后再进下一列；启用dense可让后续小项目回填前面留下的空白，提升空间利用率，但可能打乱视觉顺序，影响可访问性。实际应用中，row适合横向布局，column适用于
-
当元素是父容器唯一子元素时:only-child生效，可用于动态布局中精准控制样式；例如通知框居中、按钮组间距优化及响应式设计中单个商品项占满宽度，无需依赖类名或JavaScript干预。
-
首先实现语音识别，通过webkitSpeechRecognition捕获用户语音并转文本，需设置语言、监听结果与错误事件；再实现语音合成，利用SpeechSynthesisUtterance将文本转语音，可配置语言、语速、音调等参数，并通过speak()播放。
-
需按HTML5结构、CSS样式、JavaScript交互三层分离组织代码：HTML5用语义化标签构建页面，CSS用Flexbox/Grid布局并响应式适配，JS通过事件监听和DOM操作实现交互，模块化封装逻辑，并用DevTools调试验证。
-
CSStransition失效主因是property、duration、timing-function、delay四属性协作不当：property误用all或含不支持属性；duration缺失或为0；timing-function不匹配交互场景；未在初始态声明transition或状态值不可计算。
