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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrytiK-y-NnAGVRTY3rm8JUSnEC_cYXnMIVihrJuJWndHdlnlmKLmV_sc6UPw5nwhnst5S8wKZcgmfgGBU5IsRZM7oWY5aBY5T-SjR6mQJUBSFOV94HgRKOQA_yMYDHd_9SgW0kl58Nc4/s320/85702_ca7a_9.jpg)
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
Postar um comentário