Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 CSS Cascading Style Sheets Folhas de Estilo em Cascata Parte I

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 CSS é uma linguagem que define a formatação de um documento html.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 documento.htmldocumento.css CSS é usado para configurar um estilo. HTML é usado para estruturar conteúdos.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 index.html documento.css historia.html produtos.html contato.html cadastro.html

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do documento.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Sintaxe Seletor {propriedade: valor} É o elemento que será alvo da regra de estilo. É o atributo do elemento HTML ao qual será aplicada a regra. É a característica específica a ser assumida pela Propriedade.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Se por exemplo, você quiser trocar a cor do fundo de um site com 100 páginas, a folha de estilos evita que você edite manualmente uma a uma as páginas para fazer a mudança nos 100 documentos HTML. Usando CSS a mudança se fará em uns poucos segundos.

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 texto exemplo Esse elemento e seus atributos estão em desuso. Texto exemplo

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 O certo é em um documento com extensão.css colocar (exemplo de folha de estilo externa): p { font-size: large; font-family: georgia, serif; color: red; }

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Para ligar os dois documentos é necessário acrescentar na seção head do documento html: documento.html documento.css

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Além do exemplo de folha de estilo externa. Existem mais dois tipos de folhas de estilo. Incorporada In line

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Folha de estilo incorporada (é colocada no cabeçalho do documento html) Exemplo body {background-color: #FF0000;} Esta é uma página com fundo vermelho

Curso Técnico em Informática | URCAMP | Denise Aristimunha de Lima | 2010 Folha de estilo In line (é colocada na própria linha do código html) Exemplo Esta é uma página com fundo vermelho