-
CSS样式被覆盖的核心原因是选择器优先级（specificity）和层叠顺序（cascadeorder）共同作用；应利用开发者工具查看带删除线的样式、对比四元组权重(a,b,c,d)、确保自定义样式后加载，并慎用!important。
-
HTML<inputtype="range">是原生范围滑块，需监听input事件实现实时响应，用valueAsNumber读写数值，并通过min、max、step控制范围与步进。
-
应从语义化标签入手，依次掌握HTML结构、CSS布局、JavaScript交互、开发者工具调试及静态页面复刻五步路径。
-
使用CSS操作SVG样式的核心方法包括行内样式、内部样式表和外部样式表。1.行内样式通过style属性直接定义，适用于简单场景但不利于维护；2.内部样式表在SVG中嵌入<style>标签，适合单个SVG的样式管理；3.外部样式表通过<link>引入，实现结构与样式的完全分离，推荐用于大型项目。CSS可控制fill、stroke、transform等SVG属性，支持伪类交互和transition/animation动画，提升SVG的动态表现能力。需要注意的是，当SVG作为<im
-
flex-direction属性决定Flex容器主轴方向，其有四个值：row（默认，水平左到右）、row-reverse（水平右到左）、column（垂直上到下）、column-reverse（垂直下到上）；使用时需先设置display:flex，例如.menu{display:flex;flex-direction:column}可使菜单垂直排列；该属性还影响主轴与交叉轴方向，进而影响justify-content和align-items等对齐行为。
-
可通过checked属性、JavaScript、setAttribute、removeAttribute及CSS伪类五种方式控制复选框或单选框的勾选状态：一、HTML中用checked布尔属性设默认选中；二、JS通过element.checked=true/false动态设置；三、setAttribute("checked","")强制添加；四、removeAttribute("checked")或checked=false取消勾选；五、:checked伪类实现样式响应。
-
HTML5中保存音频文件有五种方式：一、用<audio>标签加载网络音频；二、用localStorage存Base64短音频；三、用IndexedDB存ArrayBuffer格式音频；四、用CacheAPI缓存HTTP音频响应；五、用FileSystemAccessAPI写入本地磁盘。
-
使用prefers-color-scheme媒体查询可实现滚动条随系统主题自动切换，通过为深色和浅色模式分别设置::-webkit-scrollbar样式，并结合系统颜色变量以提升兼容性，适用于WebKit内核浏览器。
-
JSDoc通过类型提示、参数说明和返回值定义提升代码可读性与维护性，增强编辑器智能补全，明确函数意图减少沟通成本，结合工具实现类型检查与文档生成，显著提高开发效率与协作体验。
-
需先获取canvas2D上下文对象，再依次绘制矩形、路径线条、圆形弧线及文本：一、用getElementById()获取canvas元素并调用getContext('2d')；二、用fillRect()、strokeRect()、clearRect()绘矩形并设fillStyle/strokeStyle；三、用beginPath()、moveTo()、lineTo()、stroke()/fill()绘路径；四、用arc()绘圆/弧线并fill()填充；五、用font/textAlign/textBasel
-
各浏览器对表单元素默认样式实现不同，需重置box-sizing、margin、padding等并统一font-family；select需三属性设appearance:none并自定义箭头；button须补全:hover/:active状态及outline以保可用性与可访问性。
-
使用::first-letter和::first-line可实现首字下沉与首行加粗效果，通过字体、颜色、浮动等样式提升段落可读性与视觉层次，需注意仅用于块级元素且避免inherit，现代浏览器广泛支持双冒号语法。
-
Flex布局实现响应式列表的核心是通过mediaquery切换flex-direction（小屏column、大屏row）并配合flex-wrap换行，结合gap和flex属性控制间距与项宽。
-
首先确认Eclipse已安装Web开发组件，1、通过“Help”→“About”检查是否含EclipseWebDeveloperTools，否则从Marketplace安装；2、创建“DynamicWebProject”项目，将HTML文件置于WebContent目录下；3、右键项目选择“RunonServer”，配置并启动Tomcat服务器以部署运行；4、或使用“OpenWith”→“WebBrowser”通过内置浏览器快速预览；5、若页面未显示，检查“DeploymentAssembly”确保HTML
-
FileAPI是浏览器原生接口，用于在用户授权后读取本地文件：通过input或拖放获取File对象，用FileReader异步读取，支持readAsText、readAsDataURL、readAsArrayBuffer三种方法，适用于预览、校验、离线处理等场景。
