【Web应用开发】实验三：利用CSS设置网页内容样式

一、实验目的

• 了解CSS的基本含义及其基本用法；
• 掌握CSS样式应用的四种方法：行内样式、内嵌式、链接式、导入式； 了解CSS选择器的概念、分类；
• 掌握基础选择器和复合选择器的使用； 了解CSS 颜色设置的多种方法； 掌握CSS背景颜色和背景图片的设置方法；
• 掌握文字段落设置，如：文字的颜色和缩进、文字行高与文本对齐、词与字母的空白、单词大小写、文本空格处理、字体设置等；
• 掌握CSS中列表样式和表格样式的设置。

二、实验内容

1. 利用html构造一个新闻网页，设置标题、来源信息、段落等基本部分。
2. 利用CSS设置新闻网页的样式：

①利用类选择器来设置标题的颜色为红橙黄绿青蓝紫

<center>
<h1><span class=red>九</span>
    <span class=orange>月</span>
    <span class=yellow>双</span>
    <span class=green>流</span>
    <span