【css知识点】

行内元素/块级元素

行内元素的特点：

• 和相邻的行内元素在一行上
• 高度和宽度无效，但是水平方向上的padding和margin可以设置，垂直方向上无效（左右右外边距，上下无）
• 默认宽度就是本身内容的宽度
• 行内元素只能容纳纯文本或者其他行内元素（a标签除外）
• 注意只有文字才能组成段落，因此类似p、h1~h6 dt等里不能放放块级元素，因为她们都是文字块级标签，里面不能再存放其他块级标签；链接里不能再存放链接

行内块级元素特点：
在行内元素中有几个特殊的标签，img input td 是可以设置它们的宽高以及对齐属性
特点：

• 和相邻元素（行内块）在一行上，但是中间会有空白间隙
• 默认宽度就是本身内容宽度
• 高度、行高、内边距外边距都可以设置

块级元素：
每个块级元素通常独占一行或者多行，可以对其单独设置宽度、高度以及对齐等各种属性（常见的块级元素有 p、div、h1~h6 ul li ol）
块级元素的特点：

• 块级元素独占一行
• 高度、宽度、内外边距都可以设置
• 宽度默认是容器的100%
• 可以容纳内联元素和其他块级元素

flex布局

1.基础概念：
采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

（1）基础概念：
容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。
项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。
回答时候简而言之：弹性布局由父级容器、子容器构成，通过设置主轴和交叉轴来控制子元素的排序方式

2. 说说父级容器属性<