educoder太原理工web程序设计——CSS3-文本字体样式
作者:互联网
第1关:字体样式属性相关的概念
-
1、下列选项中,用于设置文本字体的属性名是( B)
A、 B、 C、 D、 -
2、下列选项中,用于定义服务器字体的是( D)
A、 B、 C、 D、 -
3、对段落p中的文本字体、字号及字体风格样式进行综合设置,其样式代码可写为: p{font:隶书 20px italic;} A
A、 B、
第2关:美食专栏网页的结构设置
任务描述
本关任务:设置一个美食专栏网页的主体结构。
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>美食专题栏目</title>
</head>
<body>
<img src="https://www.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" />
<!-- ********* Begin ********* -->
<p>
<em class="blue">导语</em>:臭豆腐是<strong class="red">长沙</strong>有名的小吃,是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】</em>
</p>
<p>
<em class="blue">火宫殿臭豆腐</em>:价格<strong class="money">18</strong>元
</p>
<!-- ********* End ********* -->
</body>
</html>
第3关:美食专栏网页的样式设置
任务描述
本关任务:设置美食专栏网页的文字样式。
<!doctype html>
<html><head>
<meta charset="utf-8">
<title>美食专题栏目</title>
<!-- ********* Begin ********* -->
<style type="text/css">
p{font-size:16px;font-family:微软雅黑;}
.blue{color:#33F;}
.red{color:#F00;}
.money{font-size:16px;}
</style>
<!-- ********* End ********* -->
</head>
<body>
<img src="https://www.educoder.net/api/attachments/1989171 "插图"" alt="跳槽有道" />
<p>
<em class="blue">导语</em>:臭豆腐是<strong class="red">长沙</strong>有名的小吃,是一种独具风味的食品。“闻起来臭、吃起来香”是它的最大特点,不少外省人品尝后都赞不绝口。长沙的臭豆腐要数百年老店火宫殿炸得最好,外焦微脆、内软味鲜,100多年来,进火宫殿的人没有不吃臭豆腐的。当年...<em>【详情】</em>
</p>
<p>
<em class="blue">火宫殿臭豆腐</em>:价格<strong class="money">18</strong>元
</p>
</body>
</html>
标签:CSS3,web,educoder,family,样式,臭豆腐,字体,美食,font 来源: https://blog.csdn.net/weixin_51538341/article/details/122157848