零点起飞学HTML+CSS之博客雏形.pptxVIP

第19章 博客雏形吸收知识最好的方法就是通过实例来将知识运用起来。将我们前面所学的所有知识通过实例来说明，让知识实战化，让繁琐的知识点聚集在一起，做出有趣的页面效果。19.1 制作文本内容制作文本内容是指制作页面中文本内容的效果。本节就将通过不同的实例来让网页中的文本内容显示出不同的效果。将用两种的方式来进行说明，一种是用table标签来制作的文本内容效果，一种是用DIV+CSS来制作的文本内容效果。19.1.1 table制作文本内容效果本小节的实例将使用table标签来作为大的框架，再利用其他标签属性来制作出文本内容效果。19.1.2 div+CSS制作文本内容效果DIV+CSS制作文本内容效果是指使用div来做页面的框架布局，再利用CSS对其进行布局样式的控制。这里也和上一节一样，会给出两个例子，而使用的例子会和上一节的例子显示效果大致上相同，不过还会添加多个不同的效果。19.2 制作列表在前面我们已经讲过，无论是使用有序列表还是无序列表都可以制作出整洁有序的新闻列表。本节将会通过有序列表和无序列表来做出整洁有序的新闻列表。还会通过使用自定义列表来做出网站地图功能。19.2.1 制作有序日志列表制作有序日志列表，是用有序列表来进行制作的。这里将会使用“列表+CSS” 来进行制作。本小节会给出两个例子，展示两种不同的效果。先展示纵向新闻列表，再来展示横向新闻列表。1