HTML 属性定义：HTML元素的附加信息，用于配置或调整元素行为语法：name="value"（属性值通常用双引号包裹）核心属性分类：全局属性（适用于所有HTML元素）class：指定元素类名id：定义唯一标识符style：内联CSS样式title：附加提示信息lang：设置语言data-*：自定义数据属性常用元素特定属性img标签：src：图像路径alt：替

XPath定位多个相同元素的方法基本定位方法：使用元素标签名直接定位：//tagname使用索引定位：[n]（n从1开始）常用属性定位：@id：//*[@id='value']@class：//*[@class='value']@name：//*[@name='value']@type：//*[@typ

检查容器和项目属性确保父元素设置 display: flex检查 flex-direction (默认row)检查 flex-wrap (默认nowrap)常用调试工具浏览器开发者工具使用边框高亮：* { border: 1px solid red; }常见问题示例关键属性调试justify-content (主轴对齐)align-items (交叉轴对齐)flex-grow/shrink/bas

display: flex/inline-flex 示例、用法、安装1. 示例Flex 示例:Inline-Flex 示例:2. 用法Flex：块级弹性容器，独占一行。Inline-Flex：行内弹性容器，与其他行内元素共处一行。常用属性：justify-content：主轴对齐方式（如 flex-start, center, space-between）。align-items：交叉轴对齐方式（

display: flex/inline-flex 示例、用法、安装1. 示例2. 用法flex: 块级弹性容器，独占一行inline-flex: 行内弹性容器，与其他元素共享一行常用属性：3. 安装不需要安装，Flexbox 是 CSS3 原生支持的功能，现代浏览器均内置支持。只需在 CSS 中直接使用即可。浏览器支持：所有现代浏览器（Chrome、Firefox、Safari、Edge）IE1