Web前端实做试题及详细答案.docxVIP

Web前端实做试题及详细答案

一、基础实做题（每题20分，共60分）

题目1：基础页面搭建

需求：使用HTML+CSS搭建一个简单的个人名片页面，要求如下：

页面居中显示，宽度固定为600px，上下边距为50px

名片包含头像（圆形，直径120px，可使用任意图片链接占位）、姓名（24px，加粗）、职业（18px，灰色）、联系方式（16px，黑色）

鼠标悬停在名片上时，名片有轻微上浮（5px）和阴影效果，过渡平滑（0.3s）

联系方式包含电话和邮箱，电话前加电话图标（可使用#9742;），邮箱前加邮箱图标（可使用#9993;）

参考答案（可直接运行）

html

!DOCTYPEhtml

htmllang=zh-CN

head

metacharset=UTF-8

metaname=viewportcontent=width=device-width,initial-scale=1.0

title个人名片/title

style

*{

margin:0;

padding:0;

box-sizing:border-box;

}

body{

background-color:#f5f5f5;