8/18/2019 aula css

1/2

O código CSS pode ser aplicado a um documento de três maneiras distintas. O método maisrecomendado é o método externo.

Método 1: In-line (o atributo style)

Uma maneira de aplicar CSS é pelo uso do atributo style do HTML. Tomando como base o

exemplo mostrado anteriormente a cor ermel!a para o "undo da p#gina pode ser aplicadacon"orme mostrado a seguir$

%!tml&  %!ead&  %title&'xemplo%(title&  %(!ead&  %body style)*bac+ground,color$ -////0*& 

%p&'sta é uma p#gina com "undo ermel!o%(p&  %(body&

%(!tml&

Método 2: Interno (a tag style)

Uma outra maneira de aplicar CSS é pelo uso da tag %style& do HTML no cabe1al!o dodocumento. Como mostrado a seguir$

%!tml&  %!ead&  %title&'xemplo%title&  %style type)*text(css*&

  body 2bac+ground,color$ -////03  %(style&

 %(!ead&  %body&  %p&'sta é uma p#gina com "undo ermel!o%(p& %(body&

 %(!tml&

Método 3: Externo (link para uma fola de estilos)

O método mais recomendado é o de lincar para uma "ol!a de estilos externa.Uma "ol!a de estilos externa é um simples ar4uio de texto com a extens5o .css. Tal como4ual4uer outro tipo de ar4uio6ocê pode colocar uma "ol!a de estilos tanto no seridor como no disco r7gido.8amos supor6 por exemplo6 4ue uma "ol!a de estilos ten!a sido nomeada de style.css e est#locali9ada no diretório style. Tal situa15o est# mostrada a seguir$

O *tru4ue* é criar um lin+ no documento HTML :de"ault.!tm; para a "ol!a de estilos :style.css;. Olin+ é criado em umasimples lin!a de código HTML como mostrado a seguir$

%lin+ rel)*styles!eet* type)*text(css* !re")*style(style.css* (&Obsere 4ue o camin!o para a "ol!a de estilos é indicado no atributo !re".

8/18/2019 aula css

2/2

'sta lin!a de código dee ser inserida na se15o !eader do documento HTML6 isto é6 entre as tags%!ead& e %(!ead&6con"orme mostrado abaixo$%!tml&  %!ead&  %title&Meu documento%(title&  %lin+ rel)*styles!eet* type)*text(css* !re")*style(style.css* (& 

%(!ead&  %body&  ...