css-01

标签的分类

• 块级元素：每个块元素通常都会独自占据一行或多行，可以设置其宽度、高度、对齐方式等属性。
  1.块元素总是从新行开始，宽度是容器的100%。
  2.块状元素都可以定义自己的宽度、高度、外边距以及内边距。
  3.两个相邻块元素不会出现并列显示的现象；默认，块元素会按自上而下顺序排列。
  常见的块元素有：

<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

• 行内元素：行内元素（内联元素）不占独立的区域，仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽度、高度、对齐等属性，常用于控制页面中文本的样式。
  1.和相邻行内元素在一行上显示
  2.设置宽、高无效，可设置水平方向的padding和margin，但垂直方向的无效。
  3.默认宽度就是它本身内容的宽度。
  4.行内元素只能容纳文本或其他行内元素。（a除外）
  常用的行内标签有：

<a>、<b>、<span>、<strong>、<em>、<i>、<del>、<s>、<ins>、<u>等

-行内块元素:可以设置它们的宽、高和对齐方式，故称之为行内块元素。
1.可同相邻行内元素（行内块）显示在一行上，但之间会有空白缝隙
2.默认宽度就是它本身内容的宽度
3.可设置高度，行高、外边距以及内边距
常用的有

<img />、<input />、<td>

.a.e
<div class="a e"></div>

.a .e
<div class="a">
    <div>
        <div class="e"></div>
    </div>
</div>