-
用position:absolute拼CSS图标需父容器设position:relative，子元素统一box-sizing:border-box，top/left按内边框基准计算，优先用px单位和transform居中，注意层叠上下文与pointer-events。
-
怎么用Bulma的is-flex类快速搭出响应式行内布局Bulma的Flex布局不靠自定义CSS，全靠预设的工具类组合。核心是is-flex（开启flex容器）配合is-flex-direction-row/column、is-justify-content-center等控制轴向和对齐。它默认不设flex-wrap，所以子项超宽会溢出——这是最常踩的坑。常见错误现象：is-flex加了但子元素还是竖排堆叠，或在小屏上挤成一团看不见。必须给父容器加is-flex，子元素不用
-
答案：通过JavaScript操作DOM和CSS实现弹出层，核心是用类控制显示隐藏、添加遮罩层防止交互，并支持自动显示、延时关闭、动态加载内容及Esc键或点击外部关闭。
-
答案是使用LiveServer插件在VSCode中运行HTML文件最高效。首先安装VSCode并创建或打开HTML文件，然后通过扩展商店安装RitwickDey开发的LiveServer插件，重启后右键选择“OpenwithLiveServer”，浏览器将自动打开并实时预览页面，支持保存后自动刷新，提升开发效率。
-
批量修改HTML应基于结构理解而非纯文本替换：用正则精准匹配标签边界处理imgsrc，用BeautifulSoup安全修正a标签target属性，用perl或PowerShell处理跨行注释，操作前务必备份并抽样验证DOM结构。
-
HTML5转APP后无法直接调用蓝牙，需依赖Capacitor/Cordova等容器封装；Capacitor需社区插件及原生权限配置，Cordova需替换WebView引擎；微信小程序等平台蓝牙受限于厂商认证与白名单；跨平台稳定使用必须由原生模块实现核心逻辑。
-
直接在<div>上设contenteditable="true"并加tabindex="0"、role="textbox"、aria-multiline="true"才生效；需排除pointer-events:none、user-select:none、display:none等干扰，且移动端需真实点击触发软键盘。
-
IntersectionObserver回调不触发的主因是配置与环境错位：默认仅监听进入视口、threshold非数组静默失败、root未设导致观测范围偏移、元素未挂载就observe、data-src缺失或被原生lazy加载干扰、iOS旧版存在滚动触发异常，调试应先开启DevTools的Highlightintersections高亮验证。
-
使用CSSGrid和gap属性可实现响应式图片网格布局。通过display:grid创建二维布局，repeat(auto-fit,minmax(200px,1fr))设置自适应列数，gap统一控制间距，避免外边距问题；配合width:100%、object-fit:cover等样式，确保图片缩放与对齐美观，提升排版效率与兼容性。
-
HTML5中唯一标准下拉菜单元素是<select>，仅靠<select>+<option>实现，其余功能需JS/CSS模拟；原生不支持showDropdown()等方法，禁用用disabled而非hidden，样式定制依赖appearance:none且受限于浏览器兼容性。
-
:disabled伪类仅对原生表单控件生效，不适用于div等非表单元素；禁用元素不可聚焦，:disabled:focus不可靠；需手动设置cursor:not-allowed和可访问性样式。
-
不能。HTML5Canvas的ctx.filter（如grayscale(100%)）仅对drawImage()生效，不支持fillRect()等实时滤镜，且Safari旧版本完全不支持；可靠去色应使用getImageData()+putImageData()手动灰度化。
-
需用ResetCSS或NormalizeCSS统一浏览器默认样式差异，前者清零所有样式从零构建，后者保留语义化表现并修正跨浏览器不一致问题，推荐优先使用Normalize.css并置于样式表最前加载。
-
CSSGrid提供强大二维布局能力，通过grid-template-areas实现语义化区域划分，如头部、侧边栏、主内容与底部的清晰结构；支持响应式设计，利用minmax、fr单位和媒体查询动态调整布局，在移动端可重排模块顺序；允许嵌套使用，主容器与内部组件均可精细控制；浏览器原生支持带来高性能，配合gap等属性提升开发效率，是现代复杂页面布局的核心方案。
-
圣杯布局必须用padding+negativemargin，因center需DOM在前但视觉居中，负边距将左右栏拉至首行，父容器padding预留空间防遮盖；双飞翼改用center-inner的margin推开侧栏，省去relative定位。
