本文介绍了DOM（文档对象模型）的基本概念和常用操作。DOM将网页文档视为由节点（元素、属性、文本等）构成的对象树，提供了操作网页内容、结构和样式的编程接口。文章详细讲解了三种事件绑定方式（内联属性、事件处理函数、addEventListener方法）、文档加载时机处理（onload事件），以及多种DOM节点获取方法（如getElementById、getElementsByTagName等）。此

CSS定位是一种高级布局方式，主要包括相对定位、绝对定位、固定定位和粘滞定位四种类型。定位需要配合偏移量使用，不同定位方式具有不同特点：相对定位不改变元素性质，偏移原点为元素原位置；绝对定位会脱离文档流，偏移原点为包含块，常采用"子绝父相"方式；固定定位始终相对于视口定位；粘滞定位则在到达指定偏移量后固定。定位适用于特殊位置调整，但主要布局仍应使用盒模型、浮动或弹性盒子。每种定

CSS盒模型是网页布局的基础，将元素视为由内容区、内边距、边框和外边距组成的盒子。内容区决定盒子大小，内边距和边框影响盒子尺寸，而外边距控制盒子间距。边框可通过简写或完整写法设置样式、宽度和颜色，还能创建自定义箭头。内边距(padding)和外边距(margin)都支持多值简写和单边设置，正值使元素远离，负值使元素靠近。圆角效果通过border-radius实现，可整体或分边设置。盒模型与文档流密