DOM在HTML中的应用

新闻字体的大中小样式改变。







    

这是一个新闻标题


    

    大字体
    中字体
    小字体
    

    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容这是新闻内容
    

---------------------------------------------------------------------------------------------------------------

展开闭合列表(代码仅适用于IE6)
    
        
    
    
    
    

        

            
显示条目一

            
展开列表内容a

            
展开列表内容a

            
展开列表内容a

            
展开列表内容a

        

        

            
显示条目二

            
展开列表内容b

            
展开列表内容b

            
展开列表内容b

            
展开列表内容b

        

        

            
显示条目三

            
展开列表内容c

            
展开列表内容c

            
展开列表内容c

            
展开列表内容c

        

    
---------------------------------------------------------------------------------------------------------------

完成一个好友菜单

    



    

    
    
        
            
        
        
            
        
        
            
        
    

                好友菜单
                

                        
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                 

            

                好友菜单
                

                        
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                 

            

                好友菜单
                

                        
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                     
  • 一个好友

  •                 

            


---------------------------------------------------------------------------------------------------------------

创建表格

    

    

    行:列:
    
    

    

    
    

    


---------------------------------------------------------------------------------------------------------------

行颜色间隔显示并高亮

tableT.css
table{
    border:#249bdb 1px solid;
    width:500px;
    border-collapse:collapse;
}
table td{
    border:#249bdb 1px solid;
    padding:10px;
}
table th{
    border:#249bdb 1px solid;
    padding:10px;
    background-color:rgb(200,200,200);/*rgb()颜色可以用三个8位255的值来表示*/
}


    
    
        


    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    
姓名年龄地址
张三27上海
小强26北京
李四29广州
孙八23南京
二麻子19大连
犀利姐32青岛
旺财19深圳
周七42铁岭
毕姥爷18沈阳


---------------------------------------------------------------------------------------------------------------

表格排序
    
        
        

        
    
    
        
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
                
                
                
            
            
        
姓名年龄地址
张三27上海
小强6北京
李四29广州
孙八23南京
二麻子24大连
犀利姐32青岛
旺财19深圳
周七42铁岭
毕姥爷18沈阳

    
---------------------------------------------------------------------------------------------------------------

全选商品列表

    
    全选

    笔记本电脑:3000元

    笔记本电脑:3000元

    笔记本电脑:3000元

    笔记本电脑:3000元

    笔记本电脑:3000元

    笔记本电脑:3000元

    全选

        

转载于:https://www.cnblogs.com/L-java/archive/2013/05/21/3091298.html