CSS code to copy and paste

    <!-- Web page background color -->
    <style>
   body {
    background-color: red;
   }
     </style>
    



    <!--Web page text color-->
    <style>
    body {
    color: green;
    }
    </style>
    aquatic plants
    



    <!--Header color-->
    <style>
   h1{
    color: yellow;
    }
    </style>

    <h1>Aquatic plants</h1>
    



    <!--Color for paragraaf text-->
    <style>
    p {
    color: brown;
    }
    </style>
    <p>Small aquatic plants ... </p>
    



    <!--Text positioning to center or right of a web page-->
    <style>
     {
    text-align: center;
    }
    </style>
    Of
    <style>
    p {
    text-align: right;
    }
    </style>
    <p>Red aquatic plants</p>
    of
    <p>Green aquatic plants ... </p>
    



    <!--Choose a font?-->
    <style>
    p {
    font-family: verdana;
    }
    </style>
    <p>Winding water plants ... </p>
    



    <!--Text size adjustment?-->
    <style>
    p {
    font-size: 1em;
    }
    </style>
    <p>Different aquatic plants ... </p>
    



    <!--The use of id-->
    <style>
    p#beautifulaquaticplants {color: brown;}
    </style>
    <p id="beautifulaquaticplants">Various beautiful aquatic plants</p>



<!--The use of class-->
    <style>
    p.aquaticplants {color: brown;}
    </style>
    <p class="aquaticplants">Aquatic plants in cold regions ... </p>
    <p class="aquaticplants">Aquatic plants in tropical regions ... </p>
    <p class="aquaticplants">Aquatic plants in subtropical regions ... </p>
    


    <!--Apply in-line style?-->
    <mark style="background-color: blue; color: white"> Food sources</mark>
    <p style="background-color: green; color: white">
    Aquatic plants are food sources<br>
    for many animals,<br>
    they also serve as shelters.
    </p>