Atividade 1 DDW2 Profª Janaina Moreno.

Apresentação em tema: "Atividade 1 DDW2 Profª Janaina Moreno."— Transcrição da apresentação:

1 Atividade 1 DDW2 Profª Janaina Moreno

2 Propriedade da Fonte Font –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

3 Propriedade do Texto Word_spacing Normal Px Espaço entre as palavras
Letter-spacing Espaço entre as letras Text-decoration 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 % Entrada de parágrafo Line-height Espaçamento entre linhas

4 Propriedade da Caixa

5 Propriedades da Caixa – Largura e altura
Width Auto: automática Px: medida em pixel %: porcentagem Largura da caixa Height Altura da caixa width height

6 Propriedade da Caixa - Margem
Margin Auto: automática Px: medida em pixel %: porcentagem Margem em toda a divisão Margin_top Margem somente em cima Margin_right Margem somente a direita Margin_botton Margem somente em baixo Margin_left Margem somente a esquerda

7 Propriedade da Caixa – Margem interna
Padding Auto: automática Px: medida em pixel %: porcentagem Margem interna em toda a divisão Padding_top Margem interna somente em cima Padding_right Margem interna somente a direita Padding_botton Margem interna somente em baixo Padding_left Margem interna somente a esquerda

8 Propriedade da Caixa - Borda
border: 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

9 Propriedade de Background
Background-color: cor hexadecimal Cor do fundo (body, parágrafo, divisão ou classe, etc.) Background_image: url; Imagem do fundo Background-repeat: Repeat: repetir Repeat-x: repetir na horizontal Repeat-y: repetir na vertical No-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 Right: direita