css - módulo básico de web

CSSTrabalhando com Folha de Estilos

Professor Daniel Brandãowww.danielbrandao.com.br

www.danielbrandao.com.br

O que é CSS? O termo CSS é uma abreviação de Cascading Style Sheet, que

traduzimos folha de estilo em cascata. Segundo a W3C a definição de CSS é:

“Folha de estilo em cascata é m mecanismo simples para adicionar estilos (por exemplo: fontes, cores, espaçamentos) aos documentos web.”


Como Escrever Para que você entenda a sintaxe do CSS, vamos destacar como escrevemos

as regras de apresentação.


Regra CSS: As regras são constituídas de um seletor e o bloco de

configuração: Seletor: Quando construímos uma regra não fazemos de

forma individual por elemento de nosso documento, criamos na verdade um modelo que será aplicado a todos os elementos no qual sejam enquadrados através do seletor

Configuração: Definimos como os elementos serão afetados com relação a sua apresentação

Propriedade: característica que será configurada

Valor: valor que será atribuído a propriedade configurada

seletor {propriedade: valor;}


Em funcionamento seria:

P {color: #EFEFEF;

background-color: #FF0;

font-style: oblique;

text-align: right;

}


Seletores agrupados:

H1, H2, H3 {color: #EFEFEF;

font-family: sans-serif;

}


Seletores encadeados:

Div p strong a {color: #EFEFEF;

}


Seletor de classe:

Permite que elementos do mesmo tipo possam ter apresentações diferenciadas.

.Texto1 {color: #EFEFEF;font-family: sans-sarif;

}


Seletor de classe Podemos ainda configurar para um mesmo elemento mais

de uma classe, para isso apenas é necessário colocar um espaço entre os nomes das classes

p.Titulo {color: #EFEFEF;font-size: 16px;}

p.Texto {color: #000;font-size: 12px;}


Seletor de Identificadores

O identificador deverá ser aplicado apenas a um elemento HTML através da propriedade id

#Texto {color: #EFEFEF;

font-family: sans-sarif;

}

css - módulo básico de web

Technology