Users Viewing This Thread

28-08-2009 15:24

CSS é a sigla em inglês para Cascading Style Sheet que em português foi traduzido para folha de estilo em cascata.

Folhas de estilo CSS: Como iniciar

Para linkar uma folha de estilo é utilizado o segunte código:

<head>
...........
<link rel="stylesheet" type="text/css" href="estilo.css">
..........
</head>

O código geral para se formatar o body é o segunte: (este inclui a cor ou imagem de fundo (url), aa margens...)

<head>
...........
<style type="text/css">

</style>
...........
</head>

A introdução de títuos nos cabeçalhos é feito com o seguinte código:

<h1><font color="#000000">Título</font></h1>

Regra: Deve-se usar sempre o ponto e vírgula no fim de cada classe.

Exemplo: body {
background: #000000;
}

Os valores adicionados nas classes, quando escritos por palavras, deverão estar sempre entre aspas.

Exemplo:
h3 {
font-family: "Helvetica"
}

Fontes

Definir a cor da fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Cabeçalho com letras vermelhas</h1>
<h2>Cabeçalho com letras verdes</h2>
<p>Parágrafo com letras azuis</p>
</body>
</html>

Tipo de fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h2>Família por nome: arial, helvetica, serif;</h2>
<p>Família genérica: sans-serif;<p>
</body>
</html>

Tamanho da fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Letras com tamanho: 14px</h1>
<h2>Letras com tamanho: smaller</h2>
<p>Letras com tamanho:100%</p>
</body>
</html>

Estilo da Fonte:

<html>
<head>
<style type="text/css">

</style>
</head>
<body>
<h1>Este é o estilo italic</h1>
<h2>Este é o estilo normal</h2>
<p>Este é o estilo oblique</p>
</body>
</html>

Wink

Isto é o básico de CSS para a construção de Sites. O CSS limita-se a editar o estilo da página, pois para adicionar novas div's é necessário fazê-lo com HTML. Smile

28-08-2009 15:39

Fixe, andava a nora com isso parece que adivinhaste obrigado Wink

28-08-2009 15:44

Isso é bom para quem não sabe.
No blogger eu não sabia e tive de aprender para editar o meu antigo blog (não não é o Db).

28-08-2009 15:52

Obrigado calém!!

28-08-2009 16:32

De nada

por enquanto vou colocando umas dicas para CSS simples, mas depois, parto para o avançado. É muito simples, vão ver. Eu antes de estudar HTML e CSS tive que aprender sozinha, e não foi difícil. Wink

28-08-2009 22:22

Na minha opinião não basta ler uns textos duns zés quaisquer. A maioria chega aqui "eish pah vou ler isto e vou ficar alto webdesigner". Recomendo que antes de se introduzirem ao CSS saibam como funciona o HTML e fazer páginas básicas usando HTML. Depois quando tiverem alguma experiência atirem-se de cabeça para o CSS. Mas nunca, nunca, nunca apenas ler os tutos. Sempre reproduzir o que aprendeste, só se aprende com os erros. E apenas ao ler as coisas não sabes se percebeste ou se vais errar ao aplicar o código.

Comigo funcionou. Actualmente sei HTML, CSS, JavaScript e estou a iniciar-me em PHP.
Gostei bastante do tutorial também, tem o essencial para se iniciarem no tema. Falta colocares aqui um tut de HTML, para assim todos terem uma ideia de como utilizar o CSS no HTML. Isto é, como utilizar a tua folha de estilo na estrutura HTML que programaste.

28-08-2009 23:29

Sim, o próximo passo é fazer um tutorial sobre HTML. No entanto acho mais fácil começarem já a aprender a usar as cores, fontes, e a trabalhar com o corpo do trabalho antes de o fazerem. Eu comecei assim e foi bem mais fácil Wink

30-08-2009 16:14

Tens portfolio? (: Gostava de ver o teu trabalho.

PS: MySQL não é linguagem de programação, é uma base de dados.
E nem o SQL por si próprio é considerado linguagem de programação, é mais outra coisa.

30-08-2009 21:29

(30-08-2009 16:14)faviouz Escreveu: Tens portfolio? (: Gostava de ver o teu trabalho.

PS: MySQL não é linguagem de programação, é uma base de dados.
E nem o SQL por si próprio é considerado linguagem de programação, é mais outra coisa.

Pode ser sim considerada uma linguagem de progamação, apesar de ser mais vista como base de dados.

30-08-2009 21:41

Se te estiveres a referir a MySQL estás completamente errada (MySQL é um produto, é a maior open-source database software), se for SQL sim ainda se pode considerar.

30-08-2009 21:43

SQL, wtv. Eu como nunca estive muito ligada a isso, ainda confundo. :x

Que tipo de portfólio estás a falar? Eu tenho bastantes trabalhos, mas nunca os publiquei num portfólio online, por exemplo. Smile

31-08-2009 11:44

pois tipo, não tens uma galeria onde se possa ver tudo? (:

31-08-2009 13:17

ahh. Oh, tenho algumas coisas (poucas e não as melhores) no DeviantART (o endereço está no perfil), tenho dois blogues (a sério) um de DB e outro de Coisas xD e tudo o resto não está publicado :X tenho intenção de construír um portfólio online (dentro do site pessoal) em breve, aliás, assim que entre na univ em setembro. Smile

Mas, já agr, falas de que tipo de trabalhos? WebDesign, só? (já que o tópico está relacionado com isso...)

31-08-2009 13:54

Yah tipo, principalmente.. mas se for de outras coisas também dá (:
Eu também vou fazer um portfolio ainda este ano, e o meu site pessoal.

31-08-2009 14:08

Pois, eu layouts e assim ainda não trabalhei muito. :x só mesmo em trabalhos e para os blogs.

Tópicos possivelmente relacionados...
Tópico:		Autor	Respostas:	Visualizações:	Último Post
	Introdução ao CSS - Background.	Cálem	3	735	02-09-2009 15:56 Último Post: .:JT:.

Votação: Linguagem de Progamação preferida
	PHP
	MySQL
	C
	Java

Modo por Tópicos \| Modo Linear Introdução ao CSS - Códigos base.
Autor	Mensagem

Users Viewing This Thread
1 Guest(s)