Fore_End/CSS/CSS_module/7_css_属性1.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>属性1</title>
        <style>
            p{
                color:#FF0000;
                font-size: 30px;
                text-align: center;
                line-height:100px;

                /*
                    border 边框
                */
                border: 1px solid red;
            }

            div{
                border: 1px solid red;
                /*
                    尺寸
                */
                height: 200px;
                width:200px;

                /*
                    背景: no-repeat center 背景图片居中出现一次
                */
                background:url("img/logo.jpg") no-repeat center;
            }
        </style>
    </head>
    <body>
        <!-- 属性
		1. 字体、文本
			* font-size：字体大小
			* color：文本颜色
			* text-align：对其方式
			* line-height：行高 -->
        <p>传智播客</p>

        <!--
		2. 背景
			* background：
		3. 边框
			* border：设置边框，复合属性
		4. 尺寸
			* width：宽度
			* height：高度 -->
        <div>黑马程序员</div>

    </body>
</html>