江宁黄正浩 05.标签转换 /

盒子标签

div  大盒子 可以做网页布局，非常的稳定。

span 小盒子 放一些小图片或者比较少的文字。

盒子实体化三属性

width 宽度

height 高度

background 背景

控制元素并列或不并列

div 块级元素

display:inline; 它就是把块级元素转换为行内元素

span 行内元素

display:block; 它就是把行内元素转换为块级元素

display:inline-block 行内块

8tFHps___GSz3zP 05.标签转换 /

盒子标签  大盒子div    小盒子span  三属性 width  height  background

<style type="text-css">

            div{  width:300px; height:300px; background: red;}

            span{width:300px; height:300px; background: red; }

</style>

    div     块级元素

display:inline   把块级元素转换为行内元素

span      行内元素 

display:block   把行内元素换为块级元素

diaplay:inline-block    行内块 行内二相性 

块元素  div  p  h ul  li  dl  dd  dt   能够设置width height padding border margin line-height    

行内元素 span a b i u em strong  

行内快 img 

转换  diaplay:inline    diapplay:block  diaplay:inlne-block