Atividade 1DDW2

Profª Janaina Moreno

Propriedade da FonteFont –family : Arial, Helvetica, sans-serif; Lista de fonte escolhida

Font-style: Normal, Italic, oblique Normal, Italico, obliquo

Font_size %|px|xx-small|x-smal|small|large|x-large|xx-large|larger|smaller

Tamanho da fonte, definido em porcentagem; medida em pixel; dimensão absoluta; dimensão relativa.

Font_weight Normal|bold|border|lighter| 100 a 900

Fonte negrito

Color #CCCCCC Cor da fonte definido pelo código hexadecimal da cor

Propriedade do TextoWord_spacing •Normal

•PxEspaço entre as palavras

Letter-spacing •Normal•Px

Espaço entre as letras

Text-decoration •Normal•Px

Decoração do texto

Vertical-align •None - normal•Underline - sublinhado•Overline – linha em cima•line-through – riscado •Blink – piscar (somente no firefox)

Alinhamento do texto em relação a imagem.

Text-transform •None: nomal•Capitalize: capitular•Uppercase: caixa alta•Lowercase: caixa baixa

Apresentação do texto

Text-align •Left : esquerda•Right: direita•Center: centro•Justify: justificado

Alinhamento do texto

Text-indent •Normal•Px•%

Entrada de parágrafo

Line-height •Normal•Px •%

Espaçamento entre linhas

Propriedade da Caixa

Propriedades da Caixa – Largura e altura

Width •Auto: automática•Px: medida em pixel•%: porcentagem

Largura da caixa

Height •Auto: automática•Px: medida em pixel•%: porcentagem

Altura da caixa

width

height

Propriedade da Caixa - MargemMargin •Auto: automática

•Px: medida em pixel•%: porcentagem

Margem em toda a divisão

Margin_top •Auto: automática•Px: medida em pixel•%: porcentagem

Margem somente em cima

Margin_right •Auto: automática•Px: medida em pixel•%: porcentagem

Margem somente a direita

Margin_botton •Auto: automática•Px: medida em pixel•%: porcentagem

Margem somente em baixo

Margin_left •Auto: automática•Px: medida em pixel•%: porcentagem

Margem somente a esquerda

Propriedade da Caixa – Margem interna

Padding •Auto: automática•Px: medida em pixel•%: porcentagem

Margem interna em toda a divisão

Padding_top •Auto: automática•Px: medida em pixel•%: porcentagem

Margem interna somente em cima

Padding_right •Auto: automática•Px: medida em pixel•%: porcentagem

Margem interna somente a direita

Padding_botton •Auto: automática•Px: medida em pixel•%: porcentagem

Margem interna somente em baixo

Padding_left •Auto: automática•Px: medida em pixel•%: porcentagem

Margem interna somente a esquerda

Propriedade da Caixa - Bordaborder: 1px dotted #000000; Borda: [espessura] [tipo] [cor em

hexadecinal]Borda em toda a caixa

Espessura •Thin: fino•Medium : médio•Thick :grosso•Px: medida em pixel

Tipos de boda •Nome:nenhuma;•Dotted: pontilhado;•Dashed: traçejado;•Solid: sólido;•Double: linha dupla;•Groove•Ridge•Inset•outset

•Border_top: 1px dotted #000000; somente borda no topo•Border_left: 1px dotted #000000; somente borda a esquerda•Border_botton: 1px dotted #000000; somente borda em baixo•Border_rigth: 1px dotted #000000; somente borda a direita

Propriedade de BackgroundBackground-color: cor hexadecimal Cor do fundo (body, parágrafo, divisão ou

classe, etc.)

Background_image: url; Imagem do fundo

Background-repeat: Repeat: repetirRepeat-x: repetir na horizontalRepeat-y: repetir na verticalNo-repeat: não repetir

Repetição da imagem do fundo

Background-position: •Px: medida em pixel•%: porcentagem

•Top: topo•Center: centro•Botton: em baixo

•Left: esquerda•Center: centro•Right: direita