28 特征布局实例讲习

特征布局实例讲习

经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。

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

布局示例图片

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

布局示例图片

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

布局示例图片

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

布局示例图片

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

布局示例图片

课后练习 

布局示例图片

布局示例图片

版权属于:本文由黑马程序员(itheima.com)创作,仅用于学习交流,请勿用于商业目的。

如有侵权,请联系[email protected],收到邮件后立即删除文章。

感谢阅读,如有错误,欢迎指正。如果觉得对您有帮助,欢迎打赏,谢谢~

Last modification:November 11th, 2018 at 10:25 pm

Leave a Comment