css练习一:常用的布局实例(分页、导航条、图片列表)

1、特征布局:翻页(所需知识点:盒模型、内联元素)

翻页



    
    分页
    


    
    


2、特征布局:导航条01(所需知识点:盒模型、行内元素布局)


导航条01



    
    导航条
    


     
    


3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、字体对齐)


导航条2



    
    导航栏2
    


    


4、特征布局:图片列表(所需知识点:盒模型、浮动)


css练习一:常用的布局实例(分页、导航条、图片列表)_第1张图片
图片列表



    
    图片列表
    


    

图片展示

5、特征布局:新闻列表1(所需知识点:盒模型、浮动)


css练习一:常用的布局实例(分页、导航条、图片列表)_第2张图片
新闻列表1



    
    新闻列表
    


    


5、特征布局:新闻列表2(所需知识点:盒模型、浮动)


css练习一:常用的布局实例(分页、导航条、图片列表)_第3张图片
新闻列表2



    
    新闻列表2
    


    


你可能感兴趣的:(css练习一:常用的布局实例(分页、导航条、图片列表))