fzhbs666

flex基础 flex容器和项目 1. 容器(container) 2. 项目(item) 采用 flex 布局的元素，称为 flex 容器（flex container），

```html 测试clamp 测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本 ```

```html 测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本。 测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本。 ```

认识基线 基线：浏览器文字类型元素排版中存在用于对齐的基线（baseline） 文字对齐问题 场景：解决行内/行内块元素垂直对齐问题 Ø 问题：当图片和文字在一行中显示时，其实底部不是对齐的 垂直对齐

定位的基本使用 设置定位方式 属性名：position Ø 常见属性值 2.设置偏移值 偏移值设置分为两个方向，水平和垂直方向各选一个使用即可 选取的原则一般是就近原则 （离哪边近用哪个） 静态定位

结构伪类选择器 作用与优势： 作用：根据元素在HTML中的结构关系查找元素 优势：减少对于HTML中类的依赖，有利于保持代码整洁 场景：常用于查找某父级选择器中的子元素 选择器 nth-of-type

内容区域的宽度和高度 作用：利用 width 和 height 属性默认设置是盒子 内容区域 的大小 Ø 属性：width / height Ø 常见取值：数字+px 边框 border 边框（bor

选择器 复合选择器 后代选择器: 空格 作用：根据 HTML 标签的嵌套关系，选择父元素 后代中 满足条件的元素 Ø 选择器语法：选择器1 选择器2 { css } Ø 结果： 在选择器1所找到标签的

字体大小 属性名：font-size 取值：数字 + px 注意点： 谷歌浏览器默认文字大小是16px,单位需要设置，否则无效 字体粗细 属性名: font-weight 取值: 关键字: 正常:no