上一篇文章为:→1.2.10background属性
特征布局实例讲习
经过对前面知识点的巩固和加深,我们可以使用前面学习到的知识来制作实际开发中碰到的一些典型的布局,以此来达到综合应用知识的目的。
1、特征布局:翻页(所需知识点:盒模型、内联元素)
day36_CSS-01.jpg
2、特征布局:导航条01(所需知识点:盒模型、行内元素布局)
day36_CSS-02.jpg
3、特征布局:导航条02(所需知识点:盒模型、浮动、定位、字体对齐)
day36_CSS-03.jpg
4、特征布局:图片列表(所需知识点:盒模型、浮动)
day36_CSS-04.jpg
5、特征布局:新闻列表(所需知识点:盒模型、浮动)
day36_CSS-05.jpg
课后练习
day36_CSS-06.jpg
day36_CSS-07.jpg