O que significa?
Cascading Style Sheets ou em tradução livre Folhas de Estilo em Cascata.O que é?
É uma linguagem de programação, ao contrario do que muitos dizem por ai. Ela é uma linguagem padronizada e suportada pelas versões mais atuais dos navegadores.Pra que serve?
Serve para descrever estilos de visualização e formatação de documentos em linguagens de marcação, dentre eles, documentos HTML.
Resumindo: HTML estrutura o documento e o CSS define sua formatação.
Por que usar CSS?
- Economiza tempo
- Código mais claro
- Menor tempo na hora de carregar a página
- Maior facilidade de manutenção
- Possibilidade de diferentes layouts para diferentes mídias
- Obtemos controle mais fino do layout.
Sintaxe
seletor {propriedade1: valor; propriedade2: valor;}
seletor: geralmente uma tag HTML, definindo o elemento ao qual o estilo será aplicado.
propriedade: característica do elemento que será formatado.
valor: define configuração aplicada a propriedade.
Exemplo:
body {background-color: #000000; color: #FFFFFF;}Como coloco isso na página?
Podemos colocar dentro do arquivo HTML. Para isso colocamos as as marcações de estilo dentro das tags <style></style> que ficam logo depois do <head>
Essa forma de demarcar o estilo é um pouco limitada e fica restrita apenas ao documento no qual o estilo está declarado. Para vincular uma mesma página de estilos a várias páginas HTML utilizamos um link especial que vincula a folha de estilos (documento separado) ao documento HTML. Podemos criar um arquivo no bloco de notas e salva-lo com a extensão .css Depois, dentro do documento HTML utilizamos a tag <link> dentro da tag <head>
Algo que ficaria mais ou menos assim:
<link rel="stylesheet" href="minhafolhaestilos.css" type="text/css"/>
</head>
<body>
Onde eu aprendo mais?
A melhor fonte de consulta que eu encontrei até agora é o Maujor.
Caraca!!! Você podia ter me dado aula disso quando aprendi isto na faculdade. Meu professor não soube explicar tão bem quanto você!
ResponderExcluirParabéns. Bjos