任务1:美化课程说明页面
-
1 任务分析
-
2 知识平台
-
3 拓展延伸
-
4 巩固测试
上一节
下一节
任务目标
利用CSS美化课程说明页面内容。
任务要求
(1)按照下图所示效果对2.3任务制作的课程说明页面进行美化。
(2)所有元素清除内外边距。
(3)主标题字体大小20pt(点)。
(4)副标题字体大小12pt,颜色#333333。
(5)“课程难度”“课程时长”“课程讲师”对应内容字体颜色为 crimson。
(6)“课程讲师”部分内容字体颜色使用黑色覆盖已有样式。
(7)“进入课程”按钮,设置字体白色,字体大小40pt,背景色为burlywood,并且去除下划线。
(8)简介段落首航缩进两个字的宽度。
(9)设定图片宽度为400像素。
效果如下图:
任务实施
1.利用HTML搭建页面的结构。
2. 根据要求使用通配符选择器、标签选择器、层次选择器、结构伪类选择器等进行元素的选取,并进行相应样式效果的设定。