Css html

Disponível somente no TrabalhosFeitos
  • Páginas : 13 (3095 palavras )
  • Download(s) : 0
  • Publicado : 12 de janeiro de 2011
Ler documento completo
Amostra do texto
CSS Cascading Style Sheet

CSS
Introdução
‣ ‣

É uma linguagem com os mesmos princípios de uma folha de estilos; Permite anexar estilos (ex.: fontes, margens) a documentos estruturados, como HTML ou XML; A versão actual é a CSS 2.1; A utilização de standards é importante para garantir a boa funcionalidade em todos os Browsers; Testar sempre as páginas antes de publicar pelo menos nosBrowser Firefox e IE;

‣ ‣



CSS
Introdução


Ao separar a definição de estilo do conteúdo dos documentos, simplifica a criação e manutenção de sites; Permite:




aplicação de todo o tipo de formatações numa linguagem independente; o posicionamento do conteúdo;



CSS
Integração no HTML - Inline


O código CSS é colocado em cada tag, utilizando o atributo style;Atribuição de estilo na própria tag

CSS
Integração no HTML - Folha de estilo interna


O código CSS é colocado no cabeçalho da página, e depois atribuído a cada tag ;

















p {





font-size: 12pt ;





color: fuchsia ;



}

CSS
Integração no HTML - Folha de estilo externa


O código CSS é colocado numficheiro à parte e adicionado ao cabeçalho da página, e depois atribuído a cada tag HTML; Um só ficheiro CSS poderá servir vários ficheiros HTML;







CSS
SPAN e DIV


Estas duas tags HTML surgem como grandes ferramentas para criar páginas tabeless. Enquanto o é utilizado mais ao nível de pequenos segmentos de texto, por exemplo, para alterar formatação numa ou mais palavras,mas sem originar quebra de linha, o serve mais para agrupar vários blocos. A tag div origina uma quebra de linha;





CSS
SPAN e DIV






Wraygunn



Bunnyranch



d3ö



Sean Riley & the Slowriders



Fat Freddy







Air



Autoramas



6PM



Niño y Pistola



Heavy Trash CSS
Sintaxe


Uma regra em CSS é constituída por 4 elementos:
‣ ‣ ‣ ‣

selectores; declarações; propriedades; valores;

CSS
Sintaxe


Um selector é qualquer elemento HTML (ex.: p, h1, div) que escolhemos para aplicar um determinado estilo; Uma declaração é o próprio estilo (ex.: color: green;), que neste caso atribui a cor verde a um texto; A declaração é composta por duaspartes: propriedade(color) e o respectivo valor (green); A separação entre propriedade e valor é sempre feita por dois pontos (:), ao contrário do HTML que é por um sinal de igual; O final de cada declaração termina sempre com um ponto-e-vírgula;









CSS
Sintaxe
Regra
p{

font-size: 12pt ;

color: red ; }

Selector
p

Propriedade
color

Declaração
color:red ;

Valor
red

CSS
Sintaxe
‣ ‣ ‣ ‣ ‣ ‣ ‣

Neste código, todo o texto dos elementos h1, ficam a vermelho;

h1 { color: red; }

Esta regra é composta por um selector (h1) e uma declaração (color: red;); O selector não é case-sensitive. Pode ser h1 ou H1; A declaração é composta por 2 partes: propriedade (color) e o valor (red); A separar a propriedade do valor estão 2 pontos (:); Eno final de cada declaração, um ponto e vírgula (;);

CSS
ID vs Class
‣ ‣ ‣

São dois atributos da linguagen HTML; Ambos servem para aplicar determinadas formatações a áreas específicas; ID's são utilizados para descrever um elemento único num documento; Class's podem ser utilizados inúmeras vezes; Um elemento pode ter multiplas classes, mas um só ID;

‣ ‣

CSS
ID vs Class
‣ ‣

ID édefinido no CSS com um sinal de cardinal antes do nome da regra: CSS



#titulo{ color: red; }



HTML



CSS

CSS
ID vs Class


Class é definido com um ponto final antes do nome da regra CSS



.titulo{ color: red; }
HTML



CSS

CSS
ID vs Class
‣ ‣

Pode ainda ter mais do que uma classe atribuída: CSS
‣ ‣ ‣

.titulo{ color: red; } .geral {font-size:...
tracking img