0
点赞
收藏
分享

微信扫一扫

036.CSS的作用及字体样式

yeamy 2022-07-15 阅读 61

1.span标签:重点突出的字使用span标签套起来

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2021-11-30</title>
<style type="text/css">
#test{
font-size: 50px;
}
</style>
</head>
<body>
欢迎学习<span id="test">JAVA</span>
</body>
</html>

 

 

036.CSS的作用及字体样式_字体颜色

 

 2.字体样式:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>2021-11-30字体样式</title>
<!--
1.font-family代表字体
2.font-size字体的大小
3.font-weight字体的粗细
4.color字体颜色
-->
<style type="text/css">
body{
font-family: 楷体;
color: #0000FF;
}
h1{
font-size: 50px;
}
.p1{
font-weight: bold;
}
</style>

</head>
<body>
<h1>这个世界名为元泱境界</h1>
<p class="p1">脉(本质为振动)是构成万物的基础。每隔333年,会有一个神秘而强大的异常生物重生,它就是魁拔!魁拔的每一次出现,都会给元泱境界带来巨大的灾难!</p>
<p>因此,找到魁拔,彻底消灭魁拔,再一次成了各地热血勇士的终极目标。</p>
</body>
</html>

036.CSS的作用及字体样式_css_02

 



举报

相关推荐

0 条评论