CSS-font style
Commonly used:
- font-family: font
- font-size: size
- font-weight: thickness
- color: color
Font style test
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
font-family:楷体; /*字体,可以设置多个*/
color:blue; /*颜色*/
}
h1{
font-size:30px; /*字体大小*/
color:red;
}
.active{
font-weight:bold; /*粗体 用<strong></strong>标签也可以实现*/
}
.first{
font:oblique bolder 36px "楷体"; /*斜体 粗体 大小 字体*/
/*可以把设计字体样式的语句写在一起,这样更方便*/
}
</style>
</head>
<body>
<h1>故事介绍</h1>
<p class="active">
平静安详的元泱境界,每隔333年,总会有一个神秘而恐怖的异常生物重生,它就是魁拔!
魁拔的每一次出现,都会给元泱境界带来巨大的灾难!即便是天界的神族,也在劫难逃。
在天地两界各种力量的全力打击下,魁拔一次次被消灭,但又总是按333年的周期重新出现。
魁拔纪元1664年,天神经过精确测算后,在魁拔苏醒前一刻对其进行毁灭性打击。
但谁都没有想到,由于一个差错导致新一代魁拔成功地逃脱了致命一击。
很快,天界魁拔司和地界神圣联盟均探测到了魁拔依然生还的迹象。因此,找到魁拔,彻底消灭魁拔,再一次成了各地热血勇士的终极目标。
</p>
<p class="first">
在偏远的兽国窝窝乡,蛮大人和蛮吉每天为取得象征成功和光荣的妖侠纹耀而刻苦修炼,却把他们生活的村庄搅得鸡犬不宁。
村民们绞尽脑汁把他们赶走。一天,消灭魁拔的征兵令突然传到窝窝乡,村长趁机怂恿蛮大人和蛮吉从军参战。
然而,在这个一切都凭纹耀说话的世界,仅凭蛮大人现有的一块冒牌纹耀,不要说参军,就连住店的资格都没有。
受尽歧视的蛮吉和蛮大人决定,混上那艘即将启程去消灭魁拔的巨型战舰,直接挑战魁拔,用热血换取至高的荣誉。
</p>
</body>
</html>
Effect picture