lovecoding
/
J250419


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        /*
            CSS选择器分为基本选择器和扩展选择器
            CSS有三种基本选择器：
                标签选择器：
                    标签名{
                        属性名:属性值;
                    }

        */
        h1 {
            color: red; /*设置颜色*/
            background-color: yellow; /*设置背景颜色*/
        }

        /*
            类选择器
                .类名{

                }
        */
        .myC{
            background-color: aqua;
        }
        /*
            id选择器
                #id值{

                }
        */
        #myh1{
            /*color: rgb(0, 0, 255);*/
            color: #0000ff;
        }
        /*
            这是十进制的色值
            RGB(0,0,0)
            第1个值代表红色
            第2个值代表绿色
            第3个值代表蓝色
            取值范围最小是0，最大是255
            把RGB色值都转换为十六进制
            就得到了十六进制色值
            #xxxxxx
            前两个xx代表红色
            中间两个xx代表绿色
            最后连个xx代表蓝色
        */

        body{
            /*background-image: url("./img/829714124.jpeg");*/
            /*background-repeat: no-repeat;   !*设置水平或垂直方向平铺*!*/
            background: url("img/829714124.jpeg") repeat-x;
        }

    </style>
</head>
<body>
    <h1 id="myh1">Hello</h1>
    <h1>Hello</h1>
    <h1 class="myC">Hello</h1>
    <h1>Hello</h1>
    <h1 class="myC">Hello</h1>
    <h1>Hello</h1>
    <p class="myC">
        alskdjalskjdlakdslakkhdlajkshdjasdhkaj
    </p>
</body>
</html>