div和span的区别及块状元素和行内元素

区别

div

1. 是块级元素，主要用于容纳其他标签，独占一行
2. 未设定宽度时，div的宽度为父元素的宽度

span

1. 是行内元素， 主要用于容纳文字
2. 无法添加宽度和高度

二者：div内可以存放span，但是span内无法存放div标签。

 

 

块状元素

<address> <center>  地址文字    <h1>.-----<h6> 标题标签    <hr>  水平分割线                     <p> 段落      <pre>预格式化        <blockquote>  段落缩进  前后5个字符 <marquee>滚动文本<ul> 无序列表  <ol> 有序列表     <li> <dl>  定义列表 <table> <tr><td> 表格 <form>  表单  <div>    <header>   <nav> <footer>  头部尾部

 

行内元素

<span>. <a>  链接  <br>  换行 <b>  加粗 <strong>  加粗 <img >  图片 <sup>  上标     <sub>  下标  <i>  斜体   <em>  斜体   <del>  删除线   <input/> 文本框    <textarea> 文本域    <select>  下拉框

 

 

参考：面试之块状元素、行内元素有哪些？各自的特点？