html学习(3)

1.css盒子模型




    
    盒子模型

    


启动方式:在一个新栈中创建该Activity的实例, 并让多个应用共享该栈中的该Activity实例。 一旦该模式的Activity实例已经存在于摸一个栈中, 任何应用再激活该Activity时, 都会重用该栈中的实例( 会调用实例的onNewIntent()) 。其效果相当于多个应用共享一个应用, 不管谁激活该Activity都会进入同一个应用中。

2.浮动:float




    
    清除浮动

    



1 2 3 4 5 6 7 8
1 2 3 4 5 6 7 8
span元素 span元素 span元素 span元素 span元素 span元素 span元素 span元素

3.定位:

(1)相对定位:




    
    相对定位
    



1
2
3

(2)绝对定位:




    
    绝对定位
    



1
2
3

(3)固定定位




    
    固定定位
    



1
2
3

(4)定位层级使用z-index设置

4.布局实例:

(1)标题栏:




    
    布局实例

    




(2)新闻列表:




    
    新闻列表
    




(3)翻页:




    
    翻页
    





(4)导航栏




    
    导航栏

    




 

你可能感兴趣的:(前端)