响应式布局响应式布局响应式布局是一种网页设计方法，使网页能够根据用户设备的屏幕尺寸、分辨率、方向（横屏/竖屏）等特性自动调整布局和内容，提供一致且优化的用户体验。其核心目标是“一次设计，多端适配”。 媒体查询媒体查询是CSS3中的一个强大功

移动网页开发移动端知识视口标签视口标签： 1<meta name="viewport" content="width=device-width,initial-scale=1.0"> 物理像素和CSS像素物理像素：（也称设备

前沿技术拓展SVG图片SVG（Scalable Vector Graphics）是一种基于XML的矢量图形标准，由W3C制定，支持无损缩放、交互性和动态效果。其核心特点包括： SVG组成svg组成： svg根元素。svg图标必须包裹在标签

交互动效设计2D变换CSS transform是元素进行2D/3D变换的核心属性，支持平移、旋转、缩放、倾斜等效果，且不破坏原有文档流布局。 平移平移translate沿X/Y轴移动元素位置，不改变元素的实际布局（原位置仍保留空白）。 使

现代网页布局CSS布局CSS布局是网页设计的核心技术之一，用于控制元素在页面中的排列方式。 每种技术都有它们的用途，各有优缺点，相互辅助。 简单布局：优先使用Flexbox（一维）或Grid（二维）。 复杂响应式布局：使用Grid+媒体查

CSSCSS简介CSS（Cascading Style Sheets，层叠样式表）是用来控制网页在浏览器中的显示外观的语言。CSS3现在已被大部分现代浏览器支持，而下一版的CSS4仍在开发中。 CSS分类内联样式表（行内样式表）样式写到标签

JavaScriptJS用法 HTML 中的 Javascript 脚本代码必须位于 与 标签之间。 Javascript 脚本代码可被放置在 HTML 页面的 和 部分中。 JS输出 如果想从JavaScript访问某个元素，可