Programação para internet - css

Disponível somente no TrabalhosFeitos
  • Páginas : 11 (2721 palavras )
  • Download(s) : 0
  • Publicado : 26 de outubro de 2011
Ler documento completo
Amostra do texto
Folhas de Estilo em Cascata CSS é a abreviação para os termos em inglês Cascading Style Sheet, traduzido para o português como folhas de estilo em cascata. “Folha de estilo em cascata é um mecanismo simples para adicionar estilos (por exemplo : fontes, cores, espaçamentos) aos documentos web.” As CSS tem por finalidade devolver a (x)HTML o propósito inicial da linguagem. A HTML foi criada paraser uma linguagem exclusivamente de marcação e estruturação de conteúdos. Isto significa que, segundo seus idealizadores, não cabe à HTML fornecer informações sobre a apresentação dos elementos. Por exemplo como: cores de fonte, tamanhos de textos, posicionamento e todo o aspecto visual de um documento não devem ser função da HTML. Cabem a CSS todas as funções de apresentação de um documento, e estaé sua finalidade maior. Sintaxe CSS.  Regra CSS. Regra CSS é a unidade básica de uma folha de estilos. Entenda-se como unidade básica a menor porção de código capaz de produzir um efeito de estilização. Uma regra CSS é composta de duas partes: O seletor e a declaração. A declaração compreende uma propriedade e um valor. Observe:

Regra CSS Seletor { propriedade : valor } Declaração Declaraçãodos componentes de uma regra CSS.  Seletor - é o alvo da regra CSS. Genericamente, é a tag do elemento de marcação ou uma entidade capaz de definir com precisão em qual lugar da marcação serão aplicadas a regra CSS.  Declaração – determina os parâmetros de estilização. Compreende a propriedade e o valor. o Propriedade – define qual será a característica do elemento alvo do seletor a serestilizada. o Valor – É a quantificação ou qualificação da propriedade. Uma regra CSS pode conter mais de uma declaração de estilo. Isto significa que, para estilizar mais de uma propriedade de um mesmo seletor, vecê pode escrever todoas as declarações de estilo em uma mesma regra. Por exemplo; queremos que os parágrafos do documento sejam na cor preta em fundo amarelo e textos em itálico e alinhado àdireita. Observe :

P{ Color : #000; Background-color : #ff0; Font-style : italic; Text-align : right; } Ao escrever uma regra CSS contendo mais de uma propriedade, confrome mostrado anteriormente, deve-se usar ponto e vírgula para separá-las. Quando o valor de uma propriedade for uma palavra composta, separada por espaços, deve-se usar sinais de aspas duplas (“ ”) ou, alternativamente aspassimples (‘ ‘). Observe: P{ Font-family: “times new Roman”; }

Ou P{ Font-family: ‘times new Roman’; } Não se usam aspas em palavras compostas separadas por hífem: P{ Font-family: sans-serif; } A sintaxe da regra CSS não é sensitive case. Usar ou não espaços entre os componentes da regra CSS fica a critério do desenvolvedor. Eliminar o espaço entre o seletor e o sinal de abrir chaves pode causarconfusão em alguns navegadores e deve ser evitado. Tratando-se de linguagem de programação, sempre que houver mais que uma forma válida de escrever o código, o desenvolvedor deve escolher uma delas e adotá-la como seu padrão pessoal.

 Comentário /* este é um comentário em uma linha */

Bloco de comentário

/* este é um bloco de comentário em linhas Diferentes contendo muitas informações Sobreo trecho da folha de estilos */

 Agrupamento de seletores Para aplicar uma regra CSS comum a vários seletores, você pode agrupá-los. Para escrever um grupamento de seletores, separe-os com uma vírgula. No exemplo definimos que a cor dos cabeçalhos de nível 1 e 2 e dos parágrafos será vermelha. H1 { color: red; } H2 { color: red; } P { color: red; } Agrupando os seletores fica assim: h1, h2, p{ color : red ; }

 Seletor classe Nos exemplos apresentados até aqui, usamos as próprias tags da marcação (x)HTML como seletor. Seletores CSS não estão restritos às tags, e poder ser diversas as entidades de marcação ou as combinações delas. A grafia para o atributo (x)HTML classe é: class. Aplicar uma classe significa associar um nome a um elemento. Uma classe pode ser aplicada a maioria...
tracking img