HTML --块-白红宇

HTML --块

阅读量：6417 次

发布时间：2019-06-23

本文共 1094 字，大约阅读时间需要 3 分钟。

HTML块级元素

HTML<div>元素

<div>元素是块级元素，它的作用是给文档布局，它可将文档分割成独立的、不同的部分。类似于IOS中的view。如果使用id或者class来标记<div>，类似于给view加tag值，这样会使<div>标签更加有效。

    
    
         
      This is my HTML
     
          
      
             
       This is a header
      
       This is a paragraph.

HTML<span>元素

<span>元素是内联元素，与CSS一起使用时，它用于为文本设置样式属性。<span> 标签被用来组合文档中的行内元素。

<div>例子

    
    
         
      This is my HTML    
         
     
              div#container{background-color:#EEEEEE;width: 500px}        div#header{background-color: #99bbbb;}        div#menu{background-color: #ffff99;height: 200px;width: 150px;float: left;}        div#content{background-color: #EEEEEE;height: 200px;width: 350px;float: left;}        div#footer{background-color: #99bbbb;clear: both;;text-align: center;}        h1 {margin-bottom:0;}        li {list-style:none;}    
      
           
       
                
        
                     
         Web Page
                
         
                      
          Menu
            
          
                           
           Objective-C
                
           Java
                
           PHP
            
          
                
          
                       这是内容部分                
           
                        Copyright readygo.com