金沙官网线上:2018.3.29 div格式设置

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*标签名查找,名称相同,格式相同*/
            span{
                color: coral;
            }
            /*id名查找,名称不可重复*/
            #a{
                width: 100px;
金沙官网线上,                height: 100px;
                background-color: #5F9EA0;
            }
            /*class查找,名称可重复,格式相同*/
            .b{
                width: 100px;
                height: 100px;
                background-color: #8A2BE2;
                border: 1px solid green;
            }
            /*并列用“ ,”格式相同*/
            #c,.d{
                width: 100px;
                height: 100px;
                background-color: #FF0000;
                border: 1px solid green;
            }
            /*父级,子级用空格*/
            #fu #zi1,#zi2{
                width: 100px;
                height: 100px;
                background-color: black;
                border: 1px solid green;
            }
        </style>
    </head>
    <body>
        <span >
            标签名查找
        </span>
        <div id="a"></div>
        <div class="b"></div>
        <div class="b"></div>
        <div id="c"></div>
        <div class="d"></div>
        <div id="fu">
            <div id="zi1"></div>
            <div id="zi2"></div>
        </div>
    </body>
</html>

本文由金沙官网线上发布于Web前端,转载请注明出处:金沙官网线上:2018.3.29 div格式设置

您可能还会对下面的文章感兴趣: