css基础知识

CSS

HTML分为行内元素和块元素

块元素

常见块级元素标签

• <h1>-<h6>
• <p>（以上两个文字类块级标签里不能放其他块级元素）
• <div>
• <ul>
• <li>
• <ol>

块级元素的特点：

1. 独占一行。
2. 高度，宽度，外边距和内边距都可以控制。
3. 宽度默认是容器（父类容器）的100%。
4. 是一个容器及盒子，里面可以放行内或者块级元素。

行内元素(内联元素)

常见行内元素标签

• <a>
• <strong>
• <b>
• <em>
• <i>
• <del>
• <s>
• <ins>
• <u>
• <span>
  行内元素的特点：

1. 相邻行内元素在一行上，一行可以显示多个。
2. 高宽直接设置是无效的。
3. 默认宽度是它本身内容的宽度。
4. 行内元素只能容纳文本或其他行内元素。
   
   文字垂直居中->height=line-height
   
   
   
   

盒子模型