CSS元素显示模式

CSS元素显示模式

**

1 什么是元素显示模式**
元素（标签）以什么方式进行显示，比如

自己占一行，比如一行可以放多个

2.块内元素

 比如<h1>-<h6>,<p>,<div>,<ul>,<ol>,<li>等，其中<div>是典型的块元素

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

3.行内元素

 常见的行内元素有<a>,<strong>,<b>,<em>,<i>,
 <del>,<s>,<ins>,<u>,<span>等，
 其中<span>是最典型的行内元素，
 有的地方也将行内元素称为内联元素
 特点：
 相邻行内元素在一行内，一行可以显示多个
 高宽直接设置是无效的
 默认宽度是它本身内容的宽度
 行内元素只能容纳文本或其他行内元素
 ！链接里面不能再放链接
 特殊情况下链接<a>里面可以放块级元素，但是给<a>转换一下块级模式最安全 

3 行内块元素

在行内元素中有几个特殊的标签，<img/>,<input/>,<td>,它们同时
具有块元素和行内元素的特点，称为行内块元素。

一行可以放多个元素，但是它们中间会有空白缝隙
默认宽度就是它本身内容的宽度
有宽度，高度，外边距和内边距可以控制