Help
Cascading Style Sheets (CSS) ou Folhas de Estilo, foi criada e padronizada em 1996 pela World Wide Web Consortium (W3C). Desde então as folhas de estilo vêm sendo utilizadas para a criação de websites. CSS não é igual ao HTML, que é uma linguagem de marcação, CSS é mais dinâmico pois com apenas um arquivo você pode mudar todo o estilo do seu site.
Você pode utilizar CSS de diversas formas: para colocar cor na barra de rolagem, ter efeitos diferentes nos links, padronizar as tags do seu site e muitas outras formas que você aprenderá com esta coluna.
Para aprender CSS é muito fácil, o único pré-requisito é saber o básico de HTML e Internet.
BARRA DE ROLAGEM
Um exemplo:
<style type="text/css">
BODY {
scrollbar-face-color: #003366;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #003366;
scrollbar-3dlight-color: #003366;
scrollbar-darkshadow-color: #E6E6E6;
scrollbar-track-color: #EFEFEF;
scrollbar-arrow-color: #FFFFFF;
}
</style>
EFEITO EM LINKS
definições:
a:active é um link ativo na página.
a:hover é quando o mouse passa por cima de um link.
a:link é um link na página, tag <a> do html.
a:visited é quando um link já foi visitado.
Código base para testar todos os efeitos:
<html>
<head>
<!-- inicio -->
<STYLE type="text/css">
a:link {}
a:active {}
a:hover {}
a:visited {}
</STYLE>
<!-- fim -->
</head>
<body>
<a href="http://www.imasters.com.br" target="_blank">Imasters</a><br>
<a href="http://www.imasters.com.br/web/conteudo/coluna_css.asp" target="_blank" >Coluna CSS</a>
</body>
</html>
LINKS SEM LINHA
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>
~
