HTML DOM Cookies 操作基本概念HTML DOM 提供了 document.cookie 属性来获取和设置当前文档的 cookies。获取所有 Cookies设置 Cookie参数说明name=value (必需): Cookie 的名称和值expires=date (可选): Cookie 的过期时间path=path (可选): Cookie 有效的路径domain=domain

HTML 区块元素基本概念区块元素占据其父元素的整个宽度默认情况下前后带有换行符通常用于构建网页的主要结构主要区块元素标签div: 通用容器p: 段落h1-h6: 标题ul, ol, li: 列表table: 表格form: 表单header: 页眉footer: 页脚section: 文档区域article: 独立内容nav: 导航链接aside: 侧边栏常见用法页面布局内容分组创建结构化文档实

HTML 使用 Class 与 ID 的差异基本概念Class标签：class="classname"用法：可以应用于多个HTML元素功能：用于定义一组元素的样式或行为ID标签：id="idname"用法：一个页面中应该唯一功能：用于标识特定元素的样式或行为主要差异唯一性：ID 在一个HTML文档中应该是唯一的Class 可以

HTML id 属性详解基本概念id 属性是 HTML 元素的唯一标识符，用于为特定元素指定样式或通过 JavaScript 进行操作。基本语法主要特点唯一性：同一文档中每个 id 必须是唯一的区分大小写不能包含空格必须以字母开头常见用途通过 CSS 为特定元素设置样式作为 JavaScript 操作的目标元素作为锚点链接的目标CSS 中使用 idJavaScript 中使用 id与 class

XPath 路径表达式基本概念XML路径语言用于在XML文档中导航和选择节点W3C标准节点类型元素节点属性节点文本节点命名空间节点处理指令节点注释节点文档(根)节点路径表达式语法绝对路径：/root/child相对路径：child/grandchild当前节点：.父节点：..通配符：*常用表达式选择所有节点：//*选择特定元素：//element选择带有属性的元素：//element[@attri

XPath路径查找详解基本概念XML路径语言(XML Path Language)用于在XML/HTML文档中导航和选择节点基本语法/ 从根节点开始选择// 从当前节点选择文档中的节点. 选择当前节点.. 选择父节点@ 选择属性节点选择元素节点：elementname属性节点：@attribute文本节点：text()所有节点：node()谓语条件[表达式] 用于过滤节点例如：//div[@cla

基本概念Flex布局（弹性盒子布局）是一种CSS3布局模式，用于创建灵活的响应式布局结构。核心属性容器属性display: flex; - 定义Flex容器flex-direction: - 主轴方向row (默认)row-reversecolumncolumn-reverseflex-wrap: - 换行方式nowrap (默认)wrapwrap-reversejustify-content:

基本概念Flex布局（弹性盒子）是一种CSS布局模式，用于在容器内分配空间和对齐项目。导航栏实现步骤HTML结构CSS样式关键属性说明容器属性：display: flex：定义flex容器flex-direction：主轴方向（row/column）justify-content：主轴对齐方式align-items：交叉轴对齐方式项目属性：flex-grow：放大比例flex-shrink：缩小比

Flex布局在动画制作中的应用1. 基本概念Flex布局（弹性盒子）用于高效排列、对齐和分配容器内项目的空间主要属性：display: flex、flex-direction、justify-content、align-items等2. 动画制作优势简化元素排列和定位轻松实现响应式动画效果结合CSS过渡/动画实现复杂交互3. 典型应用示例示例1：菜单展开动画示例2：卡片轮播示例3：加载动画4. 常