评论

收藏

[其他] 1.9 静态页面布局实例

网络安全 网络安全 发布于:2021-07-14 13:01 | 阅读数:483 | 评论:0

经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。
1、特征布局:翻页(所需知识点:盒模型、内联元素)
DSC0000.png

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

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

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

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


  •  


关注下面的标签,发现更多相似文章