lovecoding
/
VIP30


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 
            font-size 字体大小
            浏览器默认字体大小 16px
            最小可识别 12px
            font-weight 字体粗细
                100~300 字体变细 lighter
                400~500 字体正常 normal
                600-900 字体加粗 bold bolder
            font-style 字体样式
                italic 字体倾斜
                normal 正常字体
            font-family 文字字体
            color 字体颜色
        */
        div {
            font-size: 24px;
            /* 缩放 scale 0~1 */
            /* scale: 0.5; */
            /* font-weight: 100; */
            font-weight: bolder;
            font-style: normal;
            font-family:'Courier New', Courier, monospace;
            width: 300px;
            height: 200px;
            background: #00f;
            /* 透明度：0~1 */
            opacity: 0.5;
            color: white;
            /* 
                已知宽高的盒子内 文本居中
                text-align 控制文本水平位置
                text-align:center;(left/right)
                line-height 行间距 控制文本垂直位置居中
                line-height:当前盒子的高度
            */
            text-align: left;
            line-height: 200px;
        }
    </style>
</head>
<body>
    <div>
        <p>这是一段文本</p>
    </div>
</body>
</html>