CSS06:字体样式

发布于:2025-07-07 ⋅ 阅读:(18) ⋅ 点赞:(0)

美化网页元素

span
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>1</title>
    <style>
        #a1{
            font-size: 50px;
        }
    </style>
</head>
<body>
欢迎学习<span id="a1">Java</span>
</body>
</html>

在这里插入图片描述

字体样式
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        font-family:字体
        font-size:字体大小
        font-weight:字体的粗细
        color:字体颜色
    -->
    <style>
        p{
            font-family: "Arial Black",楷体;
        }
        h1{
            font-size: 50px;
        }
        .a1{
            font-weight: bold;
        }
        body{
            color: #ff5603;
        }
    </style>
</head>
<body>
<h1>内容情节</h1>
<p class="a1">
    自古顺天者,为天地之宠儿,这宠儿却是蝼蚁之身。吾之道,非顺天,而是以心中之感动,逆天而行,逆仙而修,求的不仅是长生,更多的却是摆脱那蝼蚁之身,此为逆。
</p>
<p>
    道在人为,少年王林几经转折,以平庸的资质踏入修真仙途,历经坎坷风雨,凭着其聪睿的心智,终于成就仙古大道。
</p>
<p>
    顺为凡,逆则仙,只在心中一念间……修真,到底是修的什么,修道,修仙,修真。神通,道法,仙法。
</p>
<p>
    报仇、战场、梦道、洞府、仙罡……看王林如何一步一步走向巅峰,凭一己之力,扬名修真界。
</p>
<p>
    仙逆书中“化凡”一段尤为精彩,历来为人称道。该书连载时多次拿下起点月票榜第一。耳根更是凭借此书一跃成为白金作家,同时耳根也成为了网络仙侠类小说的一面旗帜。
</p>
<p>
    If you were a teardrop;In my eye,
</p>
<p>
    For fear of losing you,I would never cry
</P>
<p>
    And if the golden sun,Should cease to shine its light,
</P>
<p>
    Just one smile from you,Would make my whole world bright.
</p>
</body>
</html>

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            font:bolder 24px "楷体";
        }
    </style>
</head>
<body>
<p>
    顺为凡,逆则仙,只在心中一念间……修真,到底是修的什么,修道,修仙,修真。神通,道法,仙法。
</p>
</body>
</html>