1-3、网页布局1——块元素/行内元素/行内块元素

一、网页分块设计时一般分为：块元素+行内元素+行内块元素

1、块元素--自己占一行

<div>最典型

<h1>~<h6> <p> <ul> <ol> <li>等

规则:

1、可以设置高度、宽度（默认是和网页一样宽=父级body标签的宽度=100%）、外边距、内边距

2、里面 可以放块元素或行内元素

3、禁忌：文字类标签内不能使用块元素 如 <h1>~<h6> <p>内 ，不能放入<div>

2、行内元素--多个行内元素 并列相邻在一行上

<span>最典型

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

规则:

1、高度、宽度（默认是它本身内容的宽度）的设置是无效的

2、里面 可以放文本或其他行内元素

3、禁忌：链接<a>里面不允许再放链接；

特殊情况下<a>里面可以放块级元素，但是给<a>转换一下块级模式最安全

3、行内块元素--具有块元素和行内元素的特点(和相邻  行内元素/行内块元素 在一行上，但是他们之间会有空白缝隙。多个行内块元素 并列相邻在一行上)

<img/>   <input/>   <td>   图像+表单+表格