O que é o CSS?

                                                         CSS



CSS representa as folhas de estilo, ou do inglês, Cascading Style Sheets. Esse recurso não faz parte do HTML. Trata-se de uma tecnologia própria que pode ser utilizada de forma integrada com o HTML ou com outros tipos de formatos, como por exemplo arquivos XML. Por meio do uso de CSS é possível definir estilos de formatação de conteúdo. Isso implica em poder alterar tipo de fonte, tamanho, cor, margens, bordas e dezenas de outras propriedades por meio dessa tecnologia. A grande pergunta que você pode estar se fazendo neste momento é a seguinte: “Por qual motivo eu devo optar pelo CSS, se eu posso alterar a cor do fundo da minha página utilizando o próprio HTML?”. Se você se fez essa pergunta, ou se essa pergunta fez sentido para você, é porque você ainda não conhece os benefícios do uso do CSS. Suponha que você pretenda construir um site com várias páginas HTML: a página principal, a página de produtos e a página de contato com a empresa. Se todas as suas páginas tiverem o fundo na cor azul, você precisará informar a cor em três arquivos HTML separados, na respectiva marcação HTML responsável por isso. Caso futuramente a cor de fundo de sua página precise ser alterada de azul para vermelho, você precisará realizar essa alteração em três lugares. Considere que existem sites com centenas ou até mesmo milhares de páginas. Já pensou o trabalho para alterar em todas elas? Para facilitar esse tipo de manutenção, você pode fazer uso do CSS. Arquivos CSS são diferentes dos arquivos HTML. É possível criar um arquivo cuja extensão seja .css e, neste, criar os estilos de formatação, incluindo o estilo que definirá a cor de fundo de uma página. Dessa forma, todas as páginas do seu site poderão fazer referência a este arquivo e utilizá-lo livremente, por meio dos nomes dos estilos criados. Se futuramente for necessário alterar a cor de todas as páginas, e considerando que todas as páginas fazem referência ao arquivo CSS criado a parte, basta alterar a cor somente no CSS, para que todas as páginas reflitam essa alteração.


CSS3 é a terceira mais nova versão das famosas Cascading Style Sheets (ou simplesmente CSS), pela qual se define estilos para um projeto web (página de internet). Com efeitos de transição, imagem, imagem de fundo/background e outros, pode-se criar estilos únicos para seus projetos web, alterando diversos aspectos de design no layoutda página.

A principal função do CSS3 é abolir as imagens de plano/Background de fundo, bordas arredondadas, apresentar transições e efeitos para criar animações de vários tipos, como um simples relógio de ponteiros.

Isso se deve aos novos browsers/navegadores com suporte à essa linguagem. Assim, o CSS3 facilitará o trabalho dos profissionais de front-end e também a utilização de sites pelos usuários.


clique para ampliar.


Não se preocupe se todos esses conceitos ainda parecem confusos para você. Eles ficarão mais claros com a construção dos primeiros exemplos deste blog.

Comentários

Postagens mais visitadas deste blog

Integrando a página com estilos CSS

Como fazer o Cabeçalho de uma página HTML.

Aprendendo HTML 5