CSS - Como funciona e como aplicar em um documento HTML

May 25, 2008

Fazer o uso de CSS em um documento HTML de inicio não é dificil. Existem 3 maneiras principais:

1- Utilizando o atributo style do HTML

<html>
<head>
<title>Exemplo</title>
</head>
<body style=”background-color: #FF0000;”>
<p>Esta é uma página com fundo vermelho</p>
</body>
</html>

2 - Uso da tag style no HTML

<html>
<head><title>Exemplo</title>
<style type=”text/css”>
body {background-color: #FF0000;}
</style>
</head>
<body>
<p>Esta é uma página com fundo vermelho</p>
</body>
</html>

3 - O método externo no qual se linka uma página HTML para uma folha de estilos externa. Cria-se uma folha de estilo com a extensão .css e utiliza a propriedade link do HTML para ele “puxar” as propriedades da folha de estilo. O link é feito no reader do código HTML (entre as tags <head> e </head>)

<html>
<head>
<title>Meu documento</title>
<link rel=”stylesheet” type=”text/css” href = ” style / style . css” />
</head>
<body>

Utilizaremos este ultimo método para aprendermos.

Depois de criada, você pode aplicar o CSS em quantas páginas quiser que elas manterão o mesmo lay - out.

A sintaxe da CSS

A sintaxe CSS é bem simples:

seletor {

propriedade: valor;

}

O Seletor é em qual tag HTML a CSS será aplicada; a propriedade é as propeiedades da página como fonte, cor de fundo, e outras; e o valor é o valor da propriedade. No caso da cor de fundo é o numero hexadecimal da cor, no caso da fonte é o tipo de fonte utilizada.

Espero que vocês gostem

Obrigado !

Referências:

HTML.net

CSS para web design.

Tutorial CSS - Primeiros Passos

No Comments

CSS, programação, web

CSS - Descobrindo uma nova maneira de fazer web

May 16, 2008

CSS

Sou novo no mundo de desenvolvedores da internet. Comecei com um projeto próprio, o Teks a aproximadamente seis meses, autodidadicamente, e não paro de descobrir coisas novas (pelo menos para mim).

Em umas dessas excursões de conhecimento na web me deparei com uma sigla que me chamou atenção. Me chamou mais atenção por confundi-la com RSS do pela própria função da mesma. Mas ao descobrir o CSS e sua utilidade, não poderia deixar de compartilha-la com todos iniciantes e estudantes de informática que, assim como eu, buscam tecnologias novas para facilitar o dia a dia.

Vou falar hoje uma introdução a CSS e depois com o tempo vamos apreder juntos (literalmente) o uso desta “linguagem”.

Introdução a CSS

CSS (Cascading Style Sheets) é uma linguagem de estilo que define a aparencia dos documentos HTML. O principal objetivo da CCS (em português folhas de estilo em cascata) é que quando alguém for montar uma página web, se preocupe mais com o conteúdo do que com o formato. Como assim? Monta-se o formato da página em um documento css, acertando o tipo de fonte, a cor do fundo, enfim todo o lay-out, e pode - se usar o formato criado na página que quiser sem se preocupar em montar a página novamente.

Pode usar HTML para isso, mais o CSS tem mais opções e é mais preciso e sofisticado. o código do CSS. É aconselhavel que você saiba HTML básico pois , além dos comandos CSS serem parecidos, usarmos um pouco de HTML.

Aqui vai alguns links de referêcia para quem quiser quiser aprender mais (e mais rápido CSS). Minhas matérias serão baseadas nestes links entre outros.

http://www.pt-br.html.net/tutorials/css/

http://www.maujor.com/tutorial/intrtut.php

http://pt.wikipedia.org/wiki/Cascading_Style_Sheets

Espero que tenham gostado.

No Comments

CSS, web