Capítulo 2 - Novos Marcadores HTML

Definindo Estilos

Algumas extensões HTML foram adicionadas para suportar os estilos. O que veio permitir a inclusão de estilos definido dentro de um documento HTML; de vínculos para um estilo externo; e inclusão de regras relacionando CSS para especificar classes de elementos. Abaixo esta relacionado como definir e aplicar estilos interno e externo num documento HTML. As aplicações dos novos elementos e atributos estão relacionadas nas próximas páginas.

Quando se define estilos em arquivos externos, ele poderá ser usado em outros documentos HTML (é o melhor), e você pode neste caso definir um estilo padrão para ser aplicado por exemplo para todos os documentos "CURSOS". No entanto se o estilo for específico e determinado para ser usado em uma só página, então é mais conveniente definir o estilo diretamente no documento HTML.

DEFININDO ESTILOS EM ARQUIVOS EXTERNOS

Primeiro define-se o estilo em qualquer editor de texto salvando o documento como ".css"
E utiliza-se o elemento <LINK> no <HEAD> do documento HTML para inserir o estilo.

<LINK REL="stylesheet" TYPE="text/css" HREF="estilos/cursos.css">

DEFININDO ESTILOS DENTRO DO DOCUMENTO

Para definir um estilo diretamente no seu documento, usa-se o elemento <STYLE> e </STYLE> no <HEAD> deste documento

<HEAD>

<STYLE TYPE="text/css">
H1 {color:red; font-style:italic;}
BLOCKQUOTE {color:blue; font-transform: uppercase;}

</STYLE>
</HEAD>

<BODY>

Capítulo 2 - Novos Marcadores HTML

Definindo Estilos

VOLTAR