O documento discute as seguintes informações sobre CSS: 1) CSS permite criar layouts para páginas web sem usar tabelas; 2) A tag <div> é usada para definir blocos de conteúdo; 3) CSS é uma ferramenta para estilizar a aparência de páginas web de forma flexível e reduzir o tempo de desenvolvimento.

2. Conteúdo da aula: Tag DIV Introdução ao CSS Sintaxe básica CSS inline CSS Externo CSS Interno Montagem Projeto 0 – Spa Felicity

3. O que é Tableless Em poucas palavras: um site tableless é um site que não utiliza tables para a estruturação do Layout. É um site que segue os Padrões Web. O termo “tableless” é usado mais largamente aqui no Brasil. Em outros países outros foram mais difundidos, por exemplo: CSS Layouts. Fonte: Site Tableless – www.tableless.com.br

4. Tag DIV Definidor genérico de bloco para especificar idioma ou formatação associada ao estilo . Atributos mais usados: class Classe ou classes do elemento id Identificador único e exclusivo Fonte: Guia de Referência Rápida XHTML / W3C

5. O que é CSS A Cascading Style Sheet (CSS) é uma ferramenta utilizada para a construção da aparência de páginas para Web. Permite o uso de uma técnica diferente da convencional (HTML puro), possibilitando uma considerável redução no tempo de trabalho. O recurso, que traduzido significa Folha de Estilo em Cascata , se tornou uma necesidade para quem deseja ser um bom webdeveloper e para quem quer criar qualquer projeto para Web. Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

6. Sintaxe básica da linguagem CSS Regras Regras CSS é uma declaração com sintaxe própria, que indica como será aplicado um estilo a um ou mais elementos HTML. Ela é composta de três partes: um seletor, uma propriedade e um valor. Sintaxe de uma regra: seletor { propriedade: valor; } Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

7. Sintaxe básica da linguagem CSS Seletor Genericamente, é o elemento HTML identificado por sua tag, por uma classe ou por uma ID. Exemplo: <p> , <h1>, .classe ou #id. Propriedade É o atributo do elemento HTML ao qual será aplicada a regra. Exemplo: font, color e background. Valor É a característica a ser assumida pela parte propriedade. Exemplo: fonte/letra tipo Arial, fundo preto, cor vermelha. Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

8. Exemplos Seletor é todo o documento ( body ), a propriedade é o fundo do documento( background ) e o valor é a cor preta( #000000 ). body { background: #000000; } Para uma melhor leitura do código CSS, é aconselhável o uso de uma linha para escrever cada uma das declarações. Acrescentando a cor branca para fonte: body { background: #000000; color: #FFFFFF; } Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

9. Comentários dentro das regras CSS Utilizamos os comentários para uma maior facilidade de interpretação do código escrito Exemplo: body { background: #000000; /* Fundo na cor preta */ color: #FFFFFF; /* Texto na cor branca */ } Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

10. Vários seletores juntos Quando utilizarmos vários seletores juntos, separar com uma vírgula. Exemplo, todos os cabeçalhos na cor vermelha: h1, h2, h3, h4, h5, h6 { color: #FF0000; /* Texto na cor vermelha */ } Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

11. Seletor ID O seletor ID é único, podendo ser aplicado somente a um elemento HTML. Muito utilizado para identificar as DIVs. A sintaxe básica para o seletor ID é composta pelo nome precedido de cerquilha (#). Exemplo, div topo com altura fixa em 39px: #topo { height: 39px; /* Altura do topo */ } Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

12. Ligamento entre CSS e documentos As regras CSS podem ser ligadas a um documento de três maneiras diferentes: Importadas (lincadas); Incorporadas; Inline. Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

13. CSS importado (externo) As regras CSS são importadas quando estão declaradas em um documento à parte do documento HTML. A folha de estilo CSS é um arquivo que tem a extensão .css. A principal vantagem é utilizar o mesmo arquivo para mudar a aparência de várias páginas de um website. O arquivo .css deverá ser vinculado ao documento HTML, dentro da tag <head>. <head> ... <link rel=“stylesheet” type=“text/css” href=“style.css”> ... </head> Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

14. CSS incorporado (interno) É possível incorporar regras CSS declarando-as no próprio documento HTML. Esse tipo de procedimento serve para aplicar regras CSS a uma única página. As regras CSS internas deverão ser declaradas na seção <head> do documento com a tag de estilo <style> Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

15. CSS incorporado (interno) <head> ... <style type=“text/css”> <!-- /* esse símbolo representa comentário em HTML */ body{ background: #00FF00; } --> </style> ... </head> Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati

16. CSS inline São regras declaradas dentro da tag do elemento HTML (aplica regras a apenas um elemento). <p style=“color:#CCCCCC; font-size: 14px;”> Aqui um parágrafo com a cor cinza e com letras tamanho 14 </p> Fonte: Livro: Treinamento Prático em CSS – Ed. Digerati