Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • CSS-Aula 01

    Enviado por

    Daiani Ribeiro
    4 visualizações10 páginas

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

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

    CSS-Aula 01

    Enviado por

    Daiani Ribeiro

    Direitos autorais:

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

    CSS – Aula 01

    Profª Daiani Melo


    Introdução

     CSS (Cascading Style Sheets – em português: Folhas de


    Estilo em Cascata) é um dos mais poderosos recursos
    que podem ser utilizados por webdesigners, sendo que,
    seu uso trás vários benefícios por abrir um leque de
    opções que o HMTL não oferece.
     Tem como objetivo principal a construção de layouts de
    sites, visando padronizar sua aparência no que diz
    respeito a: cor ou imagem de fundo, cor dos textos,
    tamanho das fontes, estilos das fontes, margens,
    alturas, linhas, etc.
    Como escrever os códigos em CSS?
    Seletor {
    Propriedade: valor;
    }
     
    ou
     
    Seletor
    {
    Propriedade: valor;
    }

    Seletor{Propriedade: valor; }
    Inserção de código CSS - forma
    “Interno”
     Este método usa a TAG <style>.
     Com <style> pode-se escrever todos os códigos CSS dentro de uma página,
    porém, essas regras são aplicadas apenas a uma página.
            
     Importante: As regras CSS devem ser inseridas entre <head> e </head>
     Após a tag </title>
    Método CSS Interno
    <head>
    <title> Aula 01 CSS </title>
    <style>

    </style>
    </head>

    <body>
    ...
    ...
    ...
    ...

    ...
    ...
    ...
    </body>
    Formatação da página: cor do fundo e
    cor do texto
    <title>Exemplo</title>
    <style>
    body {
    background-color: #FF9; Cor do fundo da página

    color: #009;
    Cor do texto da página
    }
    </style>
    Alinhamento do Texto
     A propriedade text-align é utilizada para definir o alinhamento horizontal de um texto.
     O texto pode ser centralizado , ou alinhado à esquerda ou à direita ou justificado .
     Quando text-align é definido como " justificar " , cada linha é esticada de modo que cada linha tem a mesma largura , e
    as margens esquerda e direita são retas (como em revistas e jornais ) .
    Cor do texto
     Usada para definir a cor do texto
    Font Size
     Tamanho do texto em pixles
    Tipo da fonte
    Tipo da Letra

    Você também pode gostar