Introducao ao CSS

 

CSS - Cascading Style Sheet . E uma forma de separar o conteudo no layout de um pagina web.

Como e que Funciona ?

O Style ou Estilo é uma definição de fontes, cores, etc..
Cada Estilo tem um nome unico: o selector ou selecionador

O selector e os seus estilos soa definidos num so lugar. No teu teu markup HTML simplesmente te referes aos selectors sempre que quiseres activar ou usar o formato daquele selector.

Por Examplo;

Ao inves de definires o tamanho e cores do tipo de texto sempre que quiseres mudares o formato do teu texto simplesmente precisa te referrir aos selectors que declaraste no CSS e assim aplicares os estilo que pre-definiste no CSS.

Compare as Duas Tabela que se seguem:

HTML Classico..

Com CSS ( assumindo que o selector e aqui applicado e o formato attribuido )..

Enquanto CSS permite que você separe o layout do conteúdo, ele também permite que você defina o layout muito mais poderosa do que você poderia com o clássico HTML.

Vantagens do CSS....

Com CSS, tu podes ser capaz de;

- Definir a aparência de suas páginas em um único lugar ao invés de se repetir uma e outra vez em todo o site. (Nunca se cansa de definir cores e fontes cada vez que você começar uma nova célula em uma tabela? Esses dias acabaram com CSS!)

- Alterar facilmente a aparência de suas páginas, mesmo depois que são criados. Uma vez que os estilos são definidos em um lugar que você pode mudar o visual do site inteiro de uma vez. (Nunca se cansa de substituir tags em seu site quando você quiser alterar a aparência de um certo elemento? Esses dias acabaram com CSS!)

- Definir tamanhos de fonte e outros atributos semelhantes com a mesma precisão que você tem com um processador de texto - não se limitando apenas aos sete diferentes tamanhos de fonte definidos em HTML.

- Posicionar o conteúdo das suas páginas com precisão de pixel.

- Redefinir inteiras tags HTML. Digamos, por exemplo, se você queria que a tag bold para ser vermelho usando uma fonte especial - isso pode ser feito facilmente com CSS.

- Definir estilos personalizados para links - como se livrar do sublinhado.

- Definir camadas que podem ser posicionados em cima uns dos outros (muitas vezes utilizado para menus que aparecem)...

Continua... No proximo artigo ... Interessado em Desenvolver Solucoes Web por favor contact iTechReload Ltd