Entrar
Últimos assuntos
Top dos mais postadores
vinicius_93 | ||||
Lucas Rodrigues | ||||
Admin | ||||
∿Ҥelena | ||||
BrianCoimbra | ||||
daniel | ||||
Jhonatan | ||||
ergo | ||||
amanda | ||||
Rivelino Neri Silva |
Tópicos mais visitados
Estatísticas
Temos 93 usuários registradosO último membro registrado é Thiochecdechec
Os nossos membros postaram um total de 4288 mensagens em 563 assuntos
Aprenda CSS
Duque Fórum :: Sobre o Fórum :: Tutoriais :: Programação
Página 1 de 1
Aprenda CSS
Introdução
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.
Este tutorial iniciará você nas CSS em algumas poucas horas. É fácil de entender e ensinará a você todas as técnicas sofisticadas.
Aprender CSS é divertido. À medida em que você for progredindo no tututorial não esqueça de dedicar algum tempo para fazer seus experimentos com o que for aprendendo em cada lição.
Para usar CSS é necessário um conhecimento básico de HTML. Se você não está familiarizado com HTML, consulte nosso tutorial HTML antes de começar com CSS.
Quais softwares eu precisarei?
Por favor, evite usar softwares tais como FrontPage, DreamWeaver ou Word para acompanhar este tutorial. Softwares avançados não facilitarão seu aprendizado de CSS. Ao contrário, eles colocarão limites para você e atrasarão seu aprendizado.
Tudo o que você precisa é de um simples e gratuito editor de texto.
Por exemplo, Microsoft Windows vem com um programa chamado Notepad. Normalmente este programa está no diretório Accessories no menu Start => Programs. Alternativamente você pode usar um editor de texto similar, tal como, Pico para Linux ou Simple Text para Macintosh.
Um editor de texto simples é o ideal para o aprendizado de HTML e de CSS porque eles não afetam e nem modificam o código que você digita. Assim os acertos e erros de codificação devem-se exclusivamente a você — não ao software que você utiliza.
Você pode usar qualquer navegador parta acompanhar este tutorial. Nós aconselhamos que você mantenha seu navegador sempre atualizado e utilize a última versão disponível.
Um navegador e um editor de textos simples é tudo o que você precisa.
Vamos começar!
Lição 1: O que é CSS?
Talvez você já tenha ouvido falar em CSS, mas não saiba o que significa exatamente. Nesta lição você saberá o que é e para que serve CSS.
CSS é a abreviatura para Cascading Style Sheets. — Folha de Estilos em Cascata
O que eu posso fazer com CSS?
CSS é uma linguagem para estilos que define o layout de documentos HTML. Por exemplo, CSS controla fontes, cores, margens, linhas, alturas, larguras, imagens de fundo, posicionamentos e muito mais. Aguarde e você verá!
HTML pode ser (in)devidamente usado para definir o layout de websites. Contudo CSS proporciona mais opções e é mais preciso e sofisticado. CSS é suportado por todos os navegadores atuais.
Depois de estudar algumas poucas lições deste tutorial, você estará em condições de projetar uma folha de estilos, usando CSS para dar um grande visual ao seu website.
Qual é a diferença entre CSS e HTML?
HTML é usado para estruturar conteúdos. CSS é usado para formatar conteúdos estruturados.
OK, isto soa um tanto técnico e confuso. Mas, por favor continue lendo. Tudo fará sentido em breve.
Em tempos passados quando a Madonna era virgem e um sujeito chamado Tim Berners Lee inventou a World Wide Web, a linguagem HTML era usada somente para estruturar textos. Um autor podia marcar seus textos definindo "isto é um cabeçalho " ou "isto é um parágrafo" usando tags HTML tais como
e
.
À medida que a Web ganhava popularidade, os designers começavam a sentir a necessidade de encontrar meios de construir layout para os documentos online. Para suprir estas necessidades os fabricantes de navegadores (àquela época a Netscape e a Microsoft) inventaram novas tags HTML tais como, por exemplo a tag que se diferenciava das tags originais do HTML pelo fato de destinar-se à layout — e não à estrutura.
Isto adicionalmente teve o efeito de disvirtuar o emprego de tags inicialmente projetadas para estrutura como por exemplo a tag que passaram a ser empregadas para layout. Muitas destas novas tags para layout como a tag
Qua Set 26, 2012 10:55 am por LUCAS_DC
» Serie - Os imortais - chama negra (livro quatro)
Seg Mar 12, 2012 1:58 pm por AmandaAguiar
» inscrições
Sex Mar 02, 2012 4:20 pm por Admin
» Funcionamento
Sex Mar 02, 2012 4:12 pm por Admin
» Regras
Sex Mar 02, 2012 4:10 pm por Admin
» Coração de tinta
Qui Dez 15, 2011 9:19 am por ∿Ҥelena
» Ditados
Qua Dez 14, 2011 9:10 pm por vinicius_93
» Frases de para-choque de caminhão
Qua Dez 14, 2011 9:02 pm por vinicius_93
» Frases de para-choque de caminhão
Qua Dez 14, 2011 8:44 pm por vinicius_93
» Piadas
Qua Dez 14, 2011 8:03 pm por Lucas Rodrigues