当前位置 博文首页 > Champhoenix的博客:CSS字体样式

    Champhoenix的博客:CSS字体样式

    作者:[db:作者] 时间:2021-09-07 22:33

    CSS字体样式

    属性说明
    font-family字体类型
    font-size字体大小
    font-weight字体粗细
    font-style字体风格
    color字体颜色

    1.font-family

    可指定多种字体,默认宋体

    比较美观的中文字体有微软雅黑、宋体,英文有Times New Roman,Arial,Verdana

    2.font-size

    关键字:small,medium,large
    像素值:px

    3.font-weight

    属性值(关键字(数值))说明
    lighter(100)较细
    normal(400)正常
    bold (700)较粗
    bolder(900)很粗

    4.font-style

    normal正常(默认值)
    italic斜体
    oblique斜体(让没有italic属性的字体也可以斜体)

    5.color

    关键字 red green等
    16进制RGB值 #000000黑;#FFFFFF白

    6.CSS注释

    /*内容*/
    

    例子:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<title></title>
    		<style type="text/css">
    			#pd
    			{
    				font-family:"微软雅黑","宋体";
    				font-size:20px;
    				font-weight:bold;
    				color:blue;
    			}
    		</style>
    	</head>
    	<body>
    		<p id="pd">缘分让我们相遇乱世之外,命运却要我们危难中相爱。</p>
    	</body>
    </html>
    
    

    效果:
    在这里插入图片描述

    cs
    下一篇:没有了