网络前端入门到实战:html div和span标签

  

一、div标签

  

1。作用:一般用于配合CSS完成网页的基本布局

  

2。例子:

  
 <代码> & lt; style>.head{宽度:980 px;身高:100 px;背景:红色;保证金:汽车;
  
  }.content{宽度:980 px;身高:300 px;背景:绿色;保证金:汽车;
  
  }.footer{宽度:980 px;身高:100 px;背景:蓝色;保证金:汽车;
  
  }.logo{宽度:280 px;高度:50 px;背景:紫色;浮:左;保证金:汽车;
  
  }.nav{宽度:180 px;高度:20 px;背景:黄色;浮:正确;保证金:汽车;
  
  }
  
  & lt;/style>
  
  & lt;/head>
  
  & lt; body>
  
  & lt; div类=巴贰北?
  
  & lt; div类="标志"祝辞& lt;/div>
  
  & lt; div类="导航"祝辞& lt;/div>
  
  & lt;/div>
  
  & lt; div类=澳谌荨北?
  
  & lt;/div>
  
  & lt; div类=耙辰拧北?
  
  & lt;/div>
  
  网络前端开发学习Q-q-u-n:⑦⑧④-⑦⑧③——零①②,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项目实战教学视频) 
  

  

二,跨度标签

  

1。作用:一般用于配合css修改网页中的一些局部信息

  

2。例子:跨度适用于修改我们单独要求的一块区域的属性

  
 <代码>跨度{
  
  颜色:红色;
  
  }
  
  ..........省略代码........& lt; div类=耙辰拧北?
  
  & lt; p>我是用来& lt; span>测试跨标签& lt;/span>的& lt;/p>
  
  & lt;/div>
   之前
  

  

三、div和span有什么区别

  

1. div会单独占领一行

  
 <代码> & lt; div>我是div
     & lt; div>我是div
     & lt; div>我是div