Aula 16/11/2018

Background e Foreground - MATÉRIA DE PROVA

Background e Foreground

Ex:
<html>
    <head>
    <title>background=color</title>
    <style> type="text/css">
    div{
        background-color:rgb(0,191,255);
    }
    color:rgb(255,255,255);
    </head>
    <body>
    <div>
        <h2>
        Cor de fundo
        </h2>
    </div>
    </body>
    </html>

Cor Imagem

<html>
<head>
<title>Fundo com Imagem</title>
<style> type="text/css">
    #fundo{
    width: 1200px;
    height: 400px;
    background-image: url(imagem,jpg);
    background-orgin: content-box;
}
    h2{
    text-align:center
    }
</style>
</head>
<body>
    <div id="fundo">
        <h2>
            <font size="6" color="red" align="center"> fundo cor
            imagem
        </h2>
        <h2> Testando</h2>
        </div>
        </body>
        </html>

Arquivo .CSS

body{
    color:green
}
li{
    color:red
}

4 Estados de Links

ailink (ñ visitado)
a:visited(visitado)
a:haver(qdo usuario passa o mouse sobre o link.)
a:active(link no momento que é clicado.

Ex:
    <html>
    <head>
    >title> LINK</title>
    >style type="text/css">
    a:link{
        color:red;
    }
    </style>
    </head>
    <body>
    <div>
    <h2>
    Vá para a pág da Estacio<a hef="http://www.estacio.com.br">página</a>
    <h3>
    </div>
    </body>
    </html>


hsl
hsla
RGB
Opacidade

Sintaxe:

div{
    color:rgb(100%, 100%, 0%);
}

div{
    color:hsl(0,100%, 30%);
}

div{
    color:hsla(0, 0%, 0%, 1);
}

div{
    opacity: 0,5;
}

EXEMPLOS HSL
CSS
    Seletor{
        color:hsl(120, 75%, 50%);
}

    0 - vermelho
    60 - amarelo
    120 - verde
    180 - ciano
    240 - azul
    300 - purpura
    160 - vermelho