编程语言
首页 > 编程语言> > educoder太原理工web程序设计——CSS3-文本字体样式

educoder太原理工web程序设计——CSS3-文本字体样式

作者:互联网

第1关:字体样式属性相关的概念

 

第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