Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Css Insercao

    Enviado por

    Paulo Miguel Pereira Marques
    7 visualizações2 páginas
    O documento descreve três métodos para inserir CSS em um documento HTML: inline, embutido e externo. O método inline define estilos diretamente nos elementos HTML, o embutido define estilos dentro de tags <style> na seção <head>, e o externo liga a um arquivo CSS separado via tag <link>. O método externo é o mais recomendado por permitir manutenção e carregamento mais eficientes.

    Descrição original:

    Título original

    css_insercao

    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 descreve três métodos para inserir CSS em um documento HTML: inline, embutido e externo. O método inline define estilos diretamente nos elementos HTML, o embutido define estilos dentro de tags <style> na seção <head>, e o externo liga a um arquivo CSS separado via tag <link>. O método externo é o mais recomendado por permitir manutenção e carregamento mais eficientes.

    Direitos autorais:

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

    Css Insercao

    Enviado por

    Paulo Miguel Pereira Marques
    O documento descreve três métodos para inserir CSS em um documento HTML: inline, embutido e externo. O método inline define estilos diretamente nos elementos HTML, o embutido define estilos dentro de tags <style> na seção <head>, e o externo liga a um arquivo CSS separado via tag <link>. O método externo é o mais recomendado por permitir manutenção e carregamento mais eficientes.

    Direitos autorais:

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

    Formação @leonelcunha.

    net 2/17/10 7:53 PM

    Inserção de CSS num documento HTML

    A CSS pode ser incluída num documento HTML de três formas: inline , embebida ou como ficheiro
    externo .

    CSS inline
    A CSS inline é a forma mais antiga, ainda do tempo da utilização das tabelas como elemento de
    estrutura do HTML. Neste caso a definição é escrita juntamente com o código HTML.

    <p style="text-align: left"> texto bla bla bla</p>

    A declaração é escrita justamente com o código HTML. Poderá ser de alguma utilidade em algumas
    situações especificas, mas é uma técnica em desuso e não recomendada.

    CSS embebida
    Desta forma colocamos o código dentro da HEAD da página HTML<head></head> a que queremos
    aplicar a CSS.

    <head>
    <style type="text/css">
    <!--
    body{
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #333333;
    }
    -->
    </style>
    </head>

    Com este método os estilos são aplicados só à página onde estão colocados.
    Não é uma boa solução para aplicar a um site, dado que se quisermos mudar a CSS temos que
    mudar página a página.
    Podemos migrar a CSS embebida para uma CSS externa existente ou nova. Para isso clicámos com o
    botão direito do rato sobre CSS no painel CSS e escolhemos move. É-nos dada a opção de migrar a
    CSS para uma existente, caso haja, ou para um documento CSS novo.

    CSS externa
    O ficheiro .css é criado externamente ao HTML . Só temos que fazer a ligação do CSS ao HTML com
    um link na head.

    <head>
    <link rel="stylesheet" type="text/css" href="…/css/nomedoficheiro.css"/>

    Ou podemos fazer a importação do ficheiro CSS

    <style type="text/css">@import url (http://...../.css)</style>

    file:///Volumes/LC/%5BSITES%5D/leonelcunha.com/public_html/formacao/index.html Page 1 of 2
    Formação @leonelcunha.net 2/17/10 7:53 PM

    Qualquer destes métodos é realizado colocando a instrução de link ou importação na head do HTML.
    Usando um ficheiro externo todas as páginas HTML ligam-se a um ficheiro CSS. Isto significa que, se
    for preciso alterar formatação do site só temos que alterar um ficheiro CSS, e não mudar todas as
    páginas HTML, uma a uma.

    Logo:
    - A manutenção é mais fácil;
    - O tamanho é reduzido;
    - A largura de banda é reduzida;
    - A flexibilidade é melhorada.

    A forma mais usada é a CSS externa. No entanto, é possível ter num mesmo documento HTML as
    três formas, ou seja, inline, embebida e externa. É, no entanto, preciso ter em atenção a ordem de
    leituras dos vários estilos e a implicação que têm uns com os outros.

    file:///Volumes/LC/%5BSITES%5D/leonelcunha.com/public_html/formacao/index.html Page 2 of 2

    Você também pode gostar