-
CSS中不存在“颜色选择器”，color是属性而非选择器；需用选择器选中元素后设置color等属性，注意优先级、继承、用户代理样式及color与background-color、opacity的区别，推荐使用CSS自定义属性统一管理颜色。
-
margin:0auto仅对块级元素有效；行内元素需先设display:block或inline-block；flex布局用justify-content:center更可靠，但仅作用于直接子元素且依赖父容器正确设置。
-
Less的merge是属性合并语法而非函数，仅对background+、transform+等少数CSS属性生效，通过+号实现值的逗号或空格拼接，不支持color+等非白名单属性。
-
HTML中class和id选择器在标准模式下不区分大小写，但XML/XHTML中严格区分；属性选择器默认区分大小写，可用[i]标志忽略；CSS伪类名本身不区分大小写。
-
<section>仅用于有标题的独立章节，不可替代<div>或<article>；<aside>表附属内容，<nav>专指导航链接；<main>每页唯一且不可嵌套；HTML5大纲算法已失效，标题层级取决于<h1>–<h6>显式顺序。
-
本文详解如何用JavaScript构建支持多选运算（加、减、乘、除）的复选框计算器，解决原代码仅显示单个结果、覆盖输出、逻辑错误等问题，实现所有选中运算结果并列展示于同一页面。
-
HTML5中readonly属性的正确写法是直接在支持文本输入的元素（如input[type="text"]、textarea）上添加布尔属性readonly；它使字段可聚焦、可复制、值可提交，不同于disabled。
-
轮播卡顿主因是定时器未清理、索引越界、CSS初始状态缺失、touch事件处理不当及图片异步加载。应取模更新索引、设初始opacity、防抖滑动判断、固定容器高度、监听图片加载后再启动。
-
结构化日志是前端监控的关键，它通过JSON格式记录时间戳、级别、上下文等字段，如{"timestamp":"...","level":"error","message":"Failedtofetchuserdata","url":"/api/user/123","status":500,"userId":"u_789","sessionId":"s_abc123"}，相比console.log更易解析与分析。一个高效的前端日志系统需具备统一接口、上下文注入、日志级别控制、异步上报和错误自动捕获能力。日志应
-
双击HTML文件在Windows/macOS/Linux上通常用默认浏览器打开，但可能因文件关联设置错误而用文本编辑器打开；应通过系统设置或右键菜单重新指定.html默认应用为浏览器，或使用终端命令（如x-www-browser）直接调用，开发时推荐用python3-mhttp.server起本地服务以避免file://协议限制。
-
768px和1024px断点不合理，因其源自iPad初代物理分辨率而非视口宽度；应基于内容可读性设断点，如320px重排、480px启两列、64rem适配缩放，并优先用clamp()减少依赖。
-
使用@import结合Sass实现CSS模块化，通过拆分样式文件并集中导入，提升代码可维护性与复用性。1.采用下划线命名partials文件（如_variables.scss），在main.scss中依次导入变量、mixin与组件样式；2.按功能划分模块（如_button.scss、_forms.scss），确保高内聚低耦合；3.Sass的@import在编译时合并为单个CSS文件，减少HTTP请求；4.配合Webpack等工具链，在Vue或React项目中按需引入模块，实现高效构建。合理规划目录结构是关
-
GeolocationAPI返回PERMISSION_DENIED是因用户未授权，需确保HTTPS环境、检查权限状态并引导手动重置；超时或偏差大时应设timeout/maximumAge、启用高精度、剔除异常值并做坐标系转换。
-
inherit在color上不生效的主因是父元素未显式声明color值；currentColor才是稳定继承父级计算后颜色的可靠方案，支持多层传递与shadowDOM穿透。
-
搜索框应使用<inputtype="search">实现语义化与原生功能，必设name属性，合理配置autocomplete和placeholder，配合防抖（300ms）、event.preventDefault()拦截表单默认提交，并保留<form>结构以保障无障碍与交互完整性。
