-
用list-style:none;可彻底去除无序列表圆点，语义明确且全平台兼容；需同时重置ul、ol、li以清除嵌套圆点，并按需调整padding和margin控制缩进。
-
答案：通过监听touch事件实现手势识别。利用touchstart、touchend等事件监测触摸变化，结合时间与位移判断tap、doubletap、swipe、longpress等手势，通过自定义事件通知业务层，配合状态管理与阈值控制提升准确性，适用于H5和混合应用。
-
CDN加载失败后需用JavaScript动态插入备用CSS，因link标签无法监听加载失败；应使用onerror事件或fetch预检实现降级，注意CORS、CSP及路径一致性，并确保本地CSS与CDN版本完全同构。
-
repeating-linear-gradient生成条纹需确保颜色停靠点首尾相接且总长等于重复周期，如0%,10px,10px,20px；必须配合background-size（值同周期）和background-repeat:repeat使用。
-
推荐使用包管理器安装第三方CSS库并结合构建工具实现模块化引入，如通过npm安装Bootstrap并在入口文件导入CSS，既便于版本控制，又支持按需加载与组件化开发，提升项目可维护性。
-
浮动导航栏结合定位功能可实现随页面滚动固定显示的效果。首先通过float:left将li横向排列，清除默认样式并设置宽高与文本居中；再利用position:sticky或fixed使导航栏在滚动时吸附顶部或保持可见，其中sticky需设置top和z-index以确保层级与触发条件。注意fixed元素脱离文档流，建议设宽度为100%防止布局异常，且移动端推荐使用媒体查询优化显示，如切换为垂直排列或汉堡菜单。尽管现代布局多用Flexbox，但float与position组合在兼容旧浏览器时仍具实用价值。
-
gap属性用于设置flex容器中子元素间的间距，使用display:flex并添加gap即可生效，如gap:10px；支持横向纵向分别设置，避免margin带来的计算问题，提升布局效率。
-
position:sticky在导航栏上“没反应”最常见的原因是父容器设置了overflow:hidden/auto/scroll中断定位上下文，且未显式设置top值；fixed导航栏需用padding-top补偿占位，避免内容遮挡。
-
按需加载样式通过减少初始CSS体积提升首屏速度。1.使用媒体查询条件加载特定样式；2.JavaScript动态插入link标签实现组件级按需加载；3.preload预加载关键CSS并控制转换时机；4.分离关键CSS内联，异步加载其余样式。结合这些策略可有效优化渲染性能。
-
答案：浮动与Flex布局可共存但不宜混用。浮动用于传统布局如图文环绕，而Flex适用于现代响应式设计；当父容器为Flex时，子元素的float属性将被忽略，因Flex子项由容器统一控制排列。建议按模块选择布局方式，整体结构用Flex，旧兼容需求用浮动，并逐步替换为Flex以提升维护性。
-
display:none彻底移除元素，不占空间、不响应事件；visibility:hidden仅隐藏但保留占位，子元素可覆盖显示。前者适合开关式显隐，后者适用于需保持布局或过渡动画的场景。
-
当在网页中通过iframe嵌入GoogleSheets时，其加载过程会意外触发父页面自动滚动至(0,0)位置，破坏用户浏览体验；本文提供一种基于滚动行为识别与拦截的稳健解决方案。
-
箭头函数是ES6引入的词法绑定this的简洁函数，无自己的this/arguments/super/new.target，不可作构造函数，不支持call/apply/bind修改this，适合回调场景。
-
答案是使用VSCode编写HTML后通过浏览器预览，推荐安装LiveServer插件实现自动刷新。首先在VSCode中创建并保存.html文件，然后直接双击文件用浏览器打开，或右键选择“OpenwithLiveServer”启动本地服务器实时预览，修改代码保存后页面自动更新，无需复杂配置。
-
彻底清除列表默认样式需同时设置list-style:none、margin:0和padding:0；list-style-image兼容性差，推荐用::before+background-image；Flex布局下对齐需作用于li内部；语义结构不可破坏。
