CSS (Cascading Style Sheets)

Olá escrevo este Post para apresentar mais uma Categoria do BLOG, a Categoria CSS.

Nesta Categoria irei abordar assuntos pertinentes ao uso do Css com dicas, macetes e tutoriais, claro que sempre abordarei os assuntos, segundo minha perspectiva de entendimento, ou seja, não sou dono da verdade e nem tão pouco conhecedor de todas as táticas e práticas.

Portando, os comentários sempre são bem vindos, pois conhecimento nunca é demais, fiquem a vontade para questionar ou informar táticas semelhantes ou diferentes, pois este é um canal de troca de informações, de interação de conhecimentos.

O CSS (Cascading Style Sheets) pode ser definido como uma linguagem visual. Sua sintaxe é relativamente fácil de ser entendida. O Css é normalmente utilizado para definir a apresentação (posicionamento e layout) de documentos escritos em uma linguagem de marcação, como HTML ou XML.

Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento. A linguagem Css, não é como linguagens de programação que vemos normalmente, por isso os programadores não consideram o Css uma linguagem, e sim uma sintaxe de definição de padrões.

As vantagens de se construir páginas com Css é a limpeza do código, e facilidade de manutenção (na minha opinião), alguns desenvolvedores que utilizam softwares que possuem o modo de construção visual de páginas de Internet acabam poluindo o código com “Spams” e “Class inline”, aumentando drasticamente o tamanho dos documentos e dificultando sua sintaxe.

Usando o CSS, o desenvolvedor pode criar um link (ligação) para uma página que contém os estilos, procedendo de forma idêntica para todas as páginas do site criado. Quando quiser alterar a aparência do site, basta, portanto modificar apenas um arquivo, o documento CSS.

Outra vantagem é que arquivos Css só são lidos uma vez, pois ficam nos “Cachês” dos navegadores facilitando a renderização dos Browsers.

A baixo darei uma breve introdução da sintaxe da linguagem Css, ela é muito simples, se divide em:

seletor {propriedade: valor;}

Seletor= Elemento contido na estrutura HTML. Você irá selecionar um elemento pelo seu nome ou tipo de tag, então indicará isso em primeiro lugar.

Propriedade= É a propriedade que você irá manipular desse elemento. Cor de fundo, tamanho de texto, cor de texto, posição, largura, altura etc.

Valor= É o valor referente a propriedade escolhida. Se você quer mudar a cor do texto, o valor da propriedade será o nome da cor ou o código hexadecimal dessa cor.

Bom, essa foi uma pequena introdução ao Css, vou ficando por aqui, aguardo comentários, e até a próxima.

---

Gostou deste post? Deixe um comentário abaixo e continue a discussão, ou assine o meu feed e receba todos os artigos diretamente no seu leitor de feeds. (o que é feed?)

Forbellone Blog - Blog de SEO, Web Standards, Otimização de sites e Links Patrocinados (SEM) | (CC) Alguns direitos reservados.
Tema desenvolvido por Aurélio Forbellone, Imagens por Ronaldo Ribeiro e Logomarca por Cleberson Orcheski.