标签显示模式 块内元素 行内元素 行内块元素

行内式（内联样式）：直接在标签内部写样式

格式：<标签名 style=属性1:属性值 ; 属性2:属性值>

 

内部样式表（内嵌式):头部声明的样式

 

外部样式表（外联式）:html 和css 分别声明，两个文件

格式:<link href="CSS路径">

 

块内元素特点：<div>

1.总是从新行开始

2.高度行高外边距以及内边距都可以控制

3.宽度默认是容器的%100

4.可以容纳内联元素和其他块元素

 

行内元素的特点： <span>

1.和相邻行元素在一行上

2.高宽无效，但水平方向的padding和margin可以设置，垂直方向无效

3.默认宽度是它本身内容的宽度

4.行内元素只能容纳文本或者其他行内元素

 

行内块元素  <img>  <input> <td>

1.和相邻行内元素（行内块）在一行上，但是之间有空白缝隙

2.默认宽度是它本身内容的宽度

3.高度行高外边距以及内边距都可以控制

 

标签显示模式转换display

块转行内: display:inline

行内转块: display:block

块、行内元素转为行内块:display:inline-block