lovecoding
/
VIP26


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
							<!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>
        p {
            color: red;
            /* 字体粗细 
                font-weight:
                字体变细：100-300 lighter
                正常字体: 400-500 normal
                字体变粗：600-900 bold bolder
            */
            font-weight: normal;
            /* 字体大小
                font-size
                浏览器识别最小字体 12px
            */
            font-size: 20px;
            /* 
                缩放 scale:0~1
            */
            /* scale: 0.7; */
            /* 字体样式
                font-style:
                    italic 倾斜
                    normal 正常
            */
            font-style: normal;
            /* 
                字体格式 font-family
            */
            font-family:"Times New Roman",Georgia,Serif;
        }
        div {
            width: 300px;
            height: 200px;
            /* background: #00f; */
            color: #ff0;
            /* 控制文字横向位置
                text-align:
                    center 居中
                    left 居左
                    right 居右
            */
            /* 
                行间距
                line-height
            */
            /* 文字在盒子内居中
                text-align:center;
                line-height
            */
            text-align: center;
            line-height: 200px;
            /* 
                text-indent 文本（缩进）
                text-indent:2em;缩进2字符
            */
            /* 边框
                复合属性
                border:宽度 样式 颜色;
            */
            /* border: 10px solid #000; */
            /* 边框宽度 */
            border-width: 10px;
            /* 边框样式 
                solid 实线
                double 双边框
                dashed 虚线
                dotted 点线
            */
            border-style: dotted;
            /* 边框颜色 */
            border-color: red;
        }
    </style>
</head>
<body>
    <p style="text-indent: 2em;">这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>
    <span style="font-size: 12px;">12号字体</span>
    <div>
        这是一段文字
    </div>

</body>
</html>