Comentamos brevemente o que são as folhas de estilo em cascata e explicamos uma série de efeitos rápidos e interessantes que se pode fazer com elas.
CSS, é uma tecnologia que nos permite criar páginas web de uma maneira mais exata. Graças às CSS somos muito mais donos dos resultados finais da página, ppodendo fazer muitas coisas que não se podia fazer utilizando somente HTML, como incluir margens, tipos de letra, fundos, cores...
CSS são as siglas de Cascading Style Sheets, em português Folhas de Estilo em Cascata. Neste artigo vamos ver alguns dos efeitos que se podem criar com as CSS sem necessidade de conher a tecnologia inteira.
Para começar
As Folhas de Estilo em Cascada se escrevem dentro do código HTML da página web, somente em casos avançados se podem escrever em um arquivo a parte e linkar a página com esse arquivo. À princípio vamos utilizar a maneira mais direta de aplicar estilos aos elementos da página, mais adiante veremos a declaração em arquivos externos. Para isso, e isto é a primeira lição de este artigo, vamos conhecer um novo atributo que se pode utilizar em quase todas as etiquetas HTML: style.
Exemplo:
O parágrafo sairá com a cor verde e em negrito
Dentro do atributo style se devem indicar os atributos de estilos CSS separados por ponto e vírgula (;). Durante este artigo vamos conhecer muitos atributos de CSS, os dois primeiros que vimos aqui são:
Color: indica a cor do conteúdo, na etiqueta onde estivermos utilizando, geralmente indica a cor do texto.
Font-weight: indica a grossura do texto. Bold serve para colocar em negrito.
Cor nos links
Com HTML definimos a cor dos links na , com os atributos link, vlink e alink. Isto nos permite mudar a cor dos links para todo o documento, mas e se quisermos mudar a cor de um link em concreto, para que tenha outra cor que a definida na etiqueta ?
Para fazer isto utilizaremos o atributo style dentro do link:
