Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Conectar-se

Esqueci minha senha

Últimos assuntos
» What"s up?
Seg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
Sab Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
Sab Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
Sex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
Sex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
Sex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
Sex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana


aula de CSS Nº1 - O que é e como começar

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

aula de CSS Nº1 - O que é e como começar

Mensagem por prizm em Sab Jul 23, 2011 10:14 am

"Folhas de estilos em cascata — Cascading Style Sheets (CSS) — é uma ferramenta fantástica para construção do layout dos seus websites. Permite que você projete websites com uma técnica completamente diferente da convencional e possibilita uma considerável redução de tempo de trabalho. Conhecer CSS é uma necessidade para qualquer um envolvido com o projeto web."

ATENÇÃO:Para usar CSS é necessário um conhecimento básico de HTML!
Se não for o seu caso visite os meus tutoriais de HTML AQUI!

O necessário para aprender CSS é um editor de texto simples (eu estou a usar o notepad++) e um Navegador.

-A sintaxe básica do CSS-

Vamos supor que você quer mudar a cor do background para cinza:

HTML:


<body bgcolor="#c0c0c0">



CSS:


body{
background-color:#c0c0c0;
}




Então a sintaxe básica do CSS é:


objeto (body){
propriedade (background-color): valor (#c0c0c0);
}



-Aplicar CSS ao HTML-

Método 1- InLine:
Uma maneira de aplicar CSS é pelo uso do atributo style do HTML.


<html>
<head>
<title>TutoCSS</title>
</head>
<body
style="background-color: #c0c0c0;">
</body>
</html>




Método 2- Interno:
Uma outra maneira de aplicar CSS e pelo uso da tag <style> do HTML.


<html>
<head>
<title>Exemplo</title>

<style type="text/css">
body {background-color: #FF0000;}
</style>

</head>
<body>
</body>
</html>




Método 3 - Externo:
O método recomendado é o de lincar para uma folha de estilos externa. Usaremos este método nos exemplos deste tutorial.

Uma folha de estilos externa é um simples arquivo de texto com a extensão .css. Tal como com qualquer outro tipo de arquivo você pode colocar uma folha de estilos tanto no servidor como no disco rígido.

Vamos supor, por exemplo, que sua folha de estilos tenha sido nomeada de style.css e está localizada no diretório style. Tal situação está mostrada a seguir:

O "truque" é criar um link no documento HTML (default.htm) para a folha de estilos (style.css).


<html>
<head>
<title>Meu documento</title>

<link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
</body>
</html>




E por hoje é tudo até para a próxima aula em que vou ensinar algumas propriedades do background.

Pratiquem! Wink

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº1 - O que é e como começar

Mensagem por Ai meu Deus! em Sab Jul 23, 2011 10:40 am

Realmente ótimo tutorial!Continue assim Wink
avatar
Ai meu Deus!
Adminstrador
Adminstrador

Mensagens : 80
Reputação : -1
Data de inscrição : 22/04/2011

Ver perfil do usuário http://mundogamer.forumeiros.org/forum

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº1 - O que é e como começar

Mensagem por Henrique_GJ em Sab Jul 23, 2011 4:39 pm

gostei, agora tenho uma noção do que é a como funciona a "base" digamos assim
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº1 - O que é e como começar

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum