Você não está conectado. Conecte-se ou registre-se

[CSS] Folha de estilo - Basic Tutorial

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Target

avatar
Membro elite

Cascading Style Sheets ou simplesmente CSS é uma folha de estilo que nela podemos criar um estilo para nossas classes HTML.
A CSS é utilizada em quase todos os sites (alguns sites que falam sobre HTML não utilizam CSS).
Ela é composta por camadas e estas camadas definem como serão exibidos um determinado elemento.
Vejamos um pequeno exemplo:

Código:

<body>
<div class="conteudo-da-pagina"> </div>
</body>

O nosso body pode-se dizer quer é o "todo" do site, podemos utilizar o CSS para definir qual é a cor do nosso body.

Código:

body {
background: #000 /* Aqui ele diz algo como "Ei, você terá a cor preta!" */
}

Não é necessário utilizar hexadecimal para definir a cor, podemos usar também o rgb, vejamos:

Código:

body {
background: rgb(0, 0, 0)
}

Também pode-se usar o rgba:

Código:

body {
background: rgba(0, 0, 0, 0.5)
}

E também usando o nome da cor (em inglês):

Código:

body {
background: black
}
Com o Cascading Style Sheets você pode criar impressionantes sites. O CSS é o maior aliado da HTML, juntos eles fazem coisas incríveis, não precisamos ir muito longe, vejam aqui a BestSkins, o nosso menu, as categorias, todo este website foi desenvolvido com HTML e CSS (Utilizamos o jQuery e Javascript para desempenhar algumas funções). Não se utiliza o CSS só com HTML, também pode-se usar ele ao lado do PHP.
A maioria dos menus são feitos com o CSS.
Algumas das classes mais utilizadas da CSS são:

Código:

background -> cor de fundo
color -> cor da fonte
border -> borda, usando o valor em pixels (mais utilizado é pixels) e determinando o estilo se é dashed, dotted, double, groove, solid, outset, ridge.

Usa-se o CSS pra fazer outros tipos de efeitos, podemos usar ele como style="" dentro das divs e/ou classes HTMLs:

Código:

<div class="conteudo" style="background:#fff;color:#000">
Aqui vai o conteúdo
</div>

Bem pessoal, está é minha pequena contribuição. Mais pra frente vou ir postando mais sobre o CSS e suas utilidades e funções, por enquanto é apenas o básico pra entendermos como funciona.

Qualquer dúvida, pode me mandar uma mp que estarei tirando as dúvidas! Very Happy



Olá Convidado,
Leia as regras.
Leia os termos de uso.
Obrigado por se cadastrar no Best Skins Forums!

Cordialmente,
Target.
Ver perfil do usuário http://bestskins.com.br
Compartilhar este artigo em: BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahoo!Smarking

avatar

Mensagem em Seg Set 15, 2014 7:25 pm por Release's

Agora eu vi firmeza em Belo Tutorial , vai ajudar bastante os iniciantes ...

avatar

Mensagem em Seg Set 15, 2014 7:36 pm por delkawy

Tutorial simples mais direto! Parabéns, vai ajudar os iniciantes.

avatar

Mensagem em Ter Set 16, 2014 5:31 pm por iConnect

Olá,
Obrigado por compartilhar connosco.

Até Mais...

Mensagem  por Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

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