segunda-feira, 23 de março de 2015

Elementos em cascata (div e inherit). HTML5 e CSS3 aula 21

HTML5 CSS3: Aula 21, cascata (div e inherit)

Nesse vídeo vemos exemplos de tags que recebem o valor da tags pai e de tags que não recebem o valor da tag pai. E o exemplo de quando a tag não recebe o valor da tag pai é feito por uma imagem, para podermos ver a diferença.
E fica uma pergunta no meio do vídeo.

Código fonte HTML:

<!DOCTYPE html>

<html>
    <head>
        <title>cascata</title>
        <link rel="stylesheet" href="css/cascatacss.css">
    </head>
    <body>
        <dl>
        <dt>cascata</dt>
            <dd>h1, p1, h2...</dd>
        <dt>Não são em cascata</dt>
            <dd>width, height, margin, padding, img</dd>
        </dl>

        <div>
            <img src="css/imgcss/0389.png">
        </div>
    </body>
</html>


Código fonte CSS:

div {
    border: 1px double blue;
    width: 50px;
    height: 50px;
}
div img {
    widht: inherit;
    height: inherit;
}

Nenhum comentário:

Postar um comentário