-
现代浏览器对相同URL的CSS文件有强缓存机制，只要Cache-Control或ETag配置合理，重复引入不会触发多次HTTP请求；但URL需完全一致，且CSS规则重复声明会因源顺序导致后引入者覆盖先引入者。
-
将父容器设为display:flex并使用justify-content:center可实现按钮水平居中；2.配合width:100%、padding和max-width确保响应式适配，避免溢出，提升多屏兼容性。
-
output标签用于语义化展示表单中动态计算的结果，如实时求和、总价计算、密码强度提示等；通过name属性标识输出项，for属性关联依赖的输入元素，提升可访问性与结构清晰度，相比innerHTML或value更具语义优势。
-
自适应布局通过百分比和rem单位协同实现弹性与一致性：百分比用于容器的流式伸缩，如设置.width:75%实现响应式分栏；rem基于根字体（如html设为16px）提供统一尺寸基准，确保组件在不同上下文中保持比例，适合控制间距、侧边栏等；二者结合可在可变容器内维持稳定设计，如.main-content用70%宽度配合1rem内边距；配合媒体查询调整小屏下根字体（如14px）及设置max-width限制大屏拉伸，兼顾紧凑性与可读性，形成高效响应式方案。
-
要启用HTML5应用缓存，需在html标签添加manifest属性指向清单文件，创建以CACHEMANIFEST开头的.cache文件并配置MIME类型，最后通过开发者工具验证缓存状态及更新机制。
-
Jimdo网站实现文件上传需通过自定义HTML嵌入：一、用HTML5表单提交至外部后端；二、用JavaScript+Fetch无刷新上传至第三方API；三、集成Uploadcare等第三方服务。
-
答案：使用float属性可实现左右浮动布局，通过float:left和float:right使元素并排，配合百分比宽度与box-sizing:border-box控制尺寸，避免溢出；父容器需清除浮动防止塌陷，常用::after伪元素clear:both解决；虽现代布局多用Flex或Grid，但float在兼容性场景仍具价值。
-
用letter-spacing可直接调节文字间距，中文推荐0.02em～0.06em，标题可增至0.08em，品牌名可用1px；中英文混排宜用em单位并单独优化英文字体，慎用负值，需配合kerning与line-height综合调整。
-
CSS选择器能作用于动态元素，是因为浏览器在DOM更新后自动重新匹配样式。当JavaScript添加新元素时，只要其结构符合CSS规则，渲染引擎便在样式重算阶段为其应用对应样式，结合继承机制与实时渲染流程，确保视觉一致性。
-
JavaScript实现SPA路由的核心是不刷新页面而动态替换内容并同步更新地址栏和导航行为，需监听hashchange/popstate事件、定义路由表、用HistoryAPI导航，并配置服务端fallback；框架如ReactRouter、VueRouter提供嵌套路由、懒加载等高级功能；还需考虑状态保持与SEO优化。
-
JavaScript前端路由主要依靠HistoryAPI实现无刷新页面切换，通过pushState/replaceState修改URL并用popstate监听导航，配合路径匹配与组件渲染；旧浏览器可降级使用hashchange事件。
-
JavaScript手动拖放核心是mousedown记录偏移并绑定document的mousemove和mouseup，mousemove时用偏移量更新元素位置，mouseup时解绑事件并重置状态。
-
IIFE是定义后立即执行的函数表达式，用于创建独立作用域以避免全局污染、实现模块模式、解决循环绑定问题；现代ES6+已多用模块、let/const、class等替代。
-
可通过CSS的border-style属性设为dashed实现虚线边框：一、单边用border-top:2pxdashed#333；二、四边统一用border:1pxdashedred；三、自定义用border-image+linear-gradient；四、响应式适配用@media高DPI查询加box-shadow；五、伪元素用repeating-linear-gradient模拟。
-
HTML5中控制元素宽度有五种方式：一、HTML的width属性仅适用于img等特定元素，值为纯数字像素；二、CSSwidth支持所有单位和元素；三、CSS自适应宽度用百分比、max-width或flex/grid；四、min-width/max-width设弹性约束；五、vw单位以视口宽度为基准。
