Untitled

*{
    background-color: #fff;
}
h1,h2{
    background-color: #cccc99;

}
div {
    background-color: #ff0000;

}
div p {
    background-color: blue;
}
p{
    background-color: #00ff00;

}
p{
    font-size: 1em;
    border-style: solid;
    border-width: 3px;
    background-color: gray;
}
#content{
    background-color: pink;
}
ul{
    list-style: none;
    background-color: #0cf34d;
}
ul li{
    background-color: #9f99fc;
    padding: 10px;
    margin: 25px;
    border-style: groove;
    border-width: 2px;
    border-color: black;
}
ul li a{
    background-color: #re;
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css" type="text/css">
    <!-- <link rel="stylesheet" href="style2.css" type="text/css"> -->
    <title>Strona</title>
</head>
<body>
    <h1>Heading1</h1>
    <h2>Heading2</h2>
    <div id="content" style="background-color:pink;">To jest div
    </div>
    <p>Paragraf</p>
    <div>
        <form action="Post">
            <p>
                Im not a child eleent
            </p>
        </form>
        <p>
            Im child element
            <em>emphasis</em>
            <strong>Strong</strong>
        </p>
    </div>
    <ul>
        <li>
            <a href="http://www.trojmiasto.pl">Trojmiasto</a>
        </li>
        <li>
            <a href="http://www.google.pl">Gogle</a>
        </li>
        <li>
            <a href="http://www.wp.pl">WP</a>
        </li>
    </ul>

</body>
</html>