Sítios Web I

CSS {tamanhos, float, position, overflow e z-index}

ProfºEduardo Pezutti

http://maverick.td.utfpr.edu.br/slides/sw1 link

CSS

Cascading Style Sheets

Dimensões em CSS

Propriedade Descrição
height Define a altura de um elemento
max-height Define a altura máxima de um elemento
min-height Define a altura mínima de um elemento
width Define a largura de um elemento
max-width Define a largura máxima de um elemento
min-width Define a largura mínima de um elemento

A propriedade float

Permite flutuar um elemento a esquerda ou a direita.

  1. left
  2. right


Dicas de float

A propriedade clear e overflow

O clear define o lado(s) de um elemento flutuante será permitido.

Valor Descrição
none Padrão. Permite elementos flutuantes em ambos os lados
left Não permite elemento flutuante na esquerda
right Não permite elemento flutuante na direita
both Não permite elementos flutuantes em ambos os lados

overflow


  overflow: visible|hidden|scroll|auto|initial|inherit;
O famoso clearfix - IMPORTANTE!!!

Propriedades do position

  • static - (Padrão)
  • absolute
  • fixed
  • relative
  • inherit

Quando uma marcação está absolute

Podemos posicioná-la em qualquer lugar da tela, usando os atributos:

  • top
  • right
  • bottom
  • left

E podem receber os valores: auto; length; %; inherit

Propriedades do
z-index

  • auto - (Padrão)
  • Número: -9999 até 9999
  • inherit

Apresentação do Trabalho 2

JardimWeb

maverick.td.utfpr.edu.br/jardimweb/
O html base
Abre e salva [Ctrl + S]

ProfºEduardo Pezutti

epsantos@utfpr.edu.br link