上机练习06

主要目标

? 会使用CSS六种基本的选择符，对文本内容的一些基本设置(例如：字体颜色、大小、

背景颜色)，CSS样式引用的几种方式。

实验一

任务：

使用标题标签和段落标签制作李白的诗《望庐山瀑布》，诗正文字体颜色为绿色，字体大小为14px。如下图所示：

实验二

任务：

标题颜色为红色，字体大小为18px；正文的第一段内容，字体大小为12px，字体颜色为红色，第二段字体颜色为黑色，字体大小为12px。如下图所示：

实验三

任务：

使用标签选择器，设置标题字体大小为20px，页面中所有段落中的文本字体大小为16p，设置正文和译文内容字体颜色为绿色，使用ID选择器，设置译文标题颜色为蓝色。如下图所示：

实验四

任务：

使用span标签制作席幕容的诗，达到如下效果：

实验五

任务：

使用h1和p标签制作开心庄园页面；如下图所示：

需求：

h1：字体18px 颜色9c2f06行高：40px p：字体12px行高25px

实验6

任务：

电器分类无下划线，鼠标悬浮超链接时显示下划线。分类内容中，超链接无下划线，鼠标悬浮至超链接时字体颜色为棕红色（#F60），显示下划线。如下图所示：

需求：

宽：260px

高：35px，30px ，90px 家用电器：大家电：

字体：加粗14px 缩进：25px 背景：#E4F1FA 背景：#0F7CBF

字体：加粗16px ，缩进20px

详细商品：

使用p标签嵌套a标签；