Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • 13.aula 7 - CSS - Display e Opacidade

    Enviado por

    Ana Ochoa
    33 visualizações16 páginas
    O documento discute as propriedades display e visibility do CSS, que controlam a exibição e visibilidade de elementos HTML, e a propriedade opacity, que controla a transparência. Display define a forma de exibição, como inline, block ou none, visibility torna elementos visíveis ou invisíveis, enquanto opacity altera a opacidade.

    Descrição original:

    c

    Título original

    13.Aula 7 - CSS - Display e Opacidade

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento discute as propriedades display e visibility do CSS, que controlam a exibição e visibilidade de elementos HTML, e a propriedade opacity, que controla a transparência. Display define a forma de exibição, como inline, block ou none, visibility torna elementos visíveis ou invisíveis, enquanto opacity altera a opacidade.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    33 visualizações16 páginas

    13.aula 7 - CSS - Display e Opacidade

    Enviado por

    Ana Ochoa
    O documento discute as propriedades display e visibility do CSS, que controlam a exibição e visibilidade de elementos HTML, e a propriedade opacity, que controla a transparência. Display define a forma de exibição, como inline, block ou none, visibility torna elementos visíveis ou invisíveis, enquanto opacity altera a opacidade.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 16

    1

    Disciplina: Desenvolvimento Web I

    CSS:
    Display e Opacidade

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    2
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    A linguagem CSS possui algumas propriedades
    para controlar a forma de exibição e a
    visibilidade dos elementos HTML. São elas
    display e visibility.

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    3
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    A propriedade display define a forma de


    exibição dos elementos HTML. Os 5 principais
    valores dessa propriedade são: inline(padrão),
    block, inline-block, list-item e none.

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    4
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    5
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    6
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    7
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    8
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    display

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    9
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    visibility

    É possível determinar se um elemento HTML


    deve ser exibido ou não através da propriedade
    visibility. O valor visible(padrão) indica que o
    elemento deve ser exibido e o valor hidden
    indica que o elemento não deve ser exibido.

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    10
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    visibility

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    11
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    visibility

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    12
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    Importante:
    Na renderização, os elementos HTML com display: none são
    totalmente desconsiderados. Em outras palavras, é como se eles
    simplesmente não existissem. Dessa forma, eles não afetam o
    posicionamento dos demais elementos. Por outro lado, os elementos
    HTML com visibility: hidden apesar de não serem exibidos fazem
    parte da página renderizada e podem afetar o posicionamento dos
    demais elementos pois o espaço ocupado por eles pode não ser nulo.

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    13
    Disciplina: Desenvolvimento Web I

    Display e Visibilidade
    Importante:

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    14
    Disciplina: Desenvolvimento Web I

    Opacidade
    Com a propriedade opacity podemos definir a
    opacidade (transparência) dos elementos HTML.

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    15
    Disciplina: Desenvolvimento Web I

    Opacidade
    opacity

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br
    16
    Disciplina: Desenvolvimento Web I

    Dúvidas?

    Perguntas?

    Prof. Eder Pansani


    E-mail: epansani@gmail.com
    6 de setembro de 2017 http://ederpansani.com.br

    Você também pode gostar