-
可通过五种CSS方法美化HTML页面：一、设置全局字体与行高；二、应用背景渐变与阴影效果；三、实现响应式图片与悬浮动效；四、构建色彩协调的按钮系统；五、使用CSSGrid布局重构内容区块。
-
relative定位“不占位却还占位”是因为元素仍在文档流中，原始位置被保留，仅视觉偏移；absolute失效主因是缺少已定位祖先，需父级设relative以提供定位上下文。
-
ASP生成的HTML5页面在微信内置浏览器中需注意X5内核兼容性问题：必须显式声明DOCTYPE和UTF-8编码，禁用不支持的HTML5特性，规范资源路径与缓存头，并确保HTML结构一次性输出、禁止中途Flush。
-
浏览器API需按需调用且受安全上下文、执行时机、权限状态等严格约束：HTTPS/localhost为部分API强制要求；DOM操作须确保节点存在；fetch需手动检查response.ok；PermissionsAPI可预查授权状态。
-
HTML是构建网页结构的标记语言，通过标签、元素、属性和DOCTYPE定义语义与层级，具有纯文本、语义化、跨平台和容错等特点，广泛应用于静态网站、邮件模板、Web应用骨架及无障碍访问场景。
-
:last-child更适合结构单一的场景，如纯li列表；:last-of-type更可靠于混排结构，能准确选中同类元素中最后一个。
-
首先需配置本地服务器环境以解决HTML5项目加载异常。可通过XAMPP、Node.js的http-server、VSCode的LiveServer或Python内置服务器部署，确保支持AJAX请求与模块化功能，最后在浏览器访问对应地址运行项目。
-
HTML5中使用<nav>元素创建语义化导航栏，需嵌套<ul><li><a>结构，配合CSS重置样式、flex布局及hover效果，并通过媒体查询、JavaScript实现响应式折叠菜单，添加ARIA属性提升可访问性，还可嵌入<ol>面包屑导航。
-
<picture>+srcset+sizes是唯一可靠方式，让浏览器仅下载适配设备像素比和视口宽度的图片；WebP/AVIF需置于<source>顶部并确认浏览器支持；体积优化依赖编码参数而非单纯转格式；服务端响应头与CDN行为直接影响前端方案生效。
-
首先通过手机浏览器访问本地HTML文件可直接预览网页效果，需将文件存于Download等目录并输入正确file路径；其次可用HTMLViewer等第三方应用运行调试；最后借助文件管理器定位内部存储中的具体位置以确保顺利读取。
-
JavaScript模板字符串是ES6用反引号`定义的字符串语法，支持多行文本和${...}嵌入表达式；仅反引号启用该特性，${}内须为表达式而非语句，保留空白字符需谨慎处理。
-
HTML5中SVG图标有五种引入方式：一、内联SVG可完全控制样式；二、背景图SVG适合复用且无交互；三、SVGSprite减少请求并支持语义化引用；四、SVG字体兼容旧浏览器；五、JavaScript动态注入适配主题切换等场景。
-
try-catch仅捕获同步异常，如throw错误、运行时错误、JSON.parse失败；无法捕获异步错误、Promise拒绝、事件回调错误、语法错误及资源加载错误。
-
设置文本行高应使用CSS的line-height属性，它通过控制行间垂直距离提升可读性。该属性支持normal、无单位数值、长度单位和百分比，推荐使用无单位值（如1.6），因其能随字体大小按比例缩放，利于响应式设计。line-height作用于文本行内部的垂直空间，与font-size协同影响行距，而padding和margin则控制元素内外边距，三者功能不同。无单位line-height在继承时保持乘数关系，确保各级文本行高与自身字号成比例，避免因字体变化导致行距不当。实际开发中需注意：用line-he
-
用display:flex最稳，父容器设display:flex并加gap控制间距，子元素设flex:1实现四宫格等宽；display:grid更灵活，用grid-template-columns:repeat(4,1fr)+gap即可，支持跨列和响应式断点。
