Untitled

<html>
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Cenas">
        <meta name="keywords" content="Cenas">
        <meta name="author" content="Wilson Lima">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type="text/css" href="mystyle.css">
       <title>Introdução ao CSS</title>
    </head>

    <style>
        body{
            background-color:#E7EBF0;
        }
        h1{
            color:red;
            background-color:green;
        }
        p{
            font-family: Verdana;
            font-size:16px;
            background-color:lightblue;


        }
        p1{
            font-family: serif;
            font-size:12px;
            font-style:italic;
            text-decoration:underline;
            background-image:linear-gradient(to right, white, grey);

        }
         #frase{
            font-weight: bold;
            background-color:yellow;

         }
         ul {
            display: block;
            list-style-type: none;
            margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 0;
            margin-right: 0;
            padding-left: 40px;
            }
    </style>
    <body>
        <h1>Cascading   Style   Sheets</h1>    <BR>

        <p>
                Cascading Style Sheets (CSS) é um mecanismo para adicionar estilo (cores, fontes, espaçamento, etc.) a um documento web[1].

                <span id="frase">O código CSS pode ser aplicado diretamente nas tags ou ficar contido dentro das tags \<style\>.</span> Assim, quando se quiser alterar a aparência dos documentos vinculados a este arquivo CSS, basta modifica-lo[2].

                Com a variação de atualizações dos navegadores, o suporte ao CSS pode variar. A interpretação dos navegadores pode ser avaliada com o teste Acid2, que se tornou uma forma base de revelar quão eficiente é o suporte de CSS, fazendo com que a nova versão em desenvolvimento do Firefox seja totalmente compatível a ele, assim como o Opera já é. O Doctype informado, ou a ausência dele, determina o quirks mode ou o strict mode, modificando o modo como o CSS é interpretado e a página desenhada.
        </p>
        <p1>The color property specifies the color of text.</p1>
        <ul>
            <li>Inicio</li>
            <li>Clientes</li>
            <li>Produtos</li>
            <li>Avisos</li>
            <li>Contactos</li>
        </ul>
    </body>

</html>