Scroll Top

Aprenda tudo que você precisa para criar o seu negócio na internet.  São 30 vídeos aulas totalmente gratuitas. Basta se cadastrar em um de nossos formulário.

Tutoriais

CSS Como funciona?

CSS

CSS, como funciona?
A css, nesta postagem você aprenderá a desenvolver sua primeira folha de estilos. Você aprenderá apenas o básico e que código é necessário para usar em um documento HTML.

Muitas das propriedades usadas em Cascading Style Sheets (CSS) são semelhantes àquelas do HTML. Se você está acostumado a usar HTML para layout irá reconhecer muitos dos códigos que usaremos.

A sintaxe básica

Suponha que desejamos uma cor de fundo vermelha para a página web:

Usando HTML podemos fazer assim dentro da tag body:

<body bgcolor=”#FF0000″>

O código fica assim:

<html>
<head>
<title>Minha primeira página CSS</title>
<style type=”text/css”>
h1 {font-size: 30px; font-family: arial}
h2 {font-size: 15px; font-family: courier}
p {font-size: 8px; font-family: times new roman}
</style>
</head>
<body bgcolor=”#FF0000″>
<h1>Minha primeira página CSS</h1>
<h2>Bem vindo à minha primeira página CSS</h2>
<p>Aqui você verá como funciona CSS</p>
</body>
</html>

Veja imagem:

corplanodefundo

 

Com CSS o mesmo resultado será obtido com este código:

body {background-color: #FF0000;}

Como você pode notar os códigos HTML e CSS são mais ou menos parecidos. O exemplo acima serve também para demonstrar o fundamento do modelo CSS:

seletor {propriedade: valor}

seletor: Em qual tag será aplicada a propriedade. Por exemplo: body

 propriedade: A propriedade pode ser como por exemplo: a cor do fundo

valor: O valor da propriedade cor do fundo por exemplo: vermelha(“#FF0000”)

 Mas, onde colocamos o código CSS? É isto que veremos a seguir.

 Aplicando CSS a um documento HTML. 

Você pode aplicar estes recursos a um documento de três maneiras distintas. Os três métodos de aplicação estão exemplificados a seguir. Recomendo que você foque no terceiro método, ou seja o método externo. O método externo além de ser menos confuso para trabalhar por não estar junto com o HTML ele não ficará amostra se alguém olhar o código fonte da sua página pelo browser, pois estará ‘escondido’ no servidor onde está hospedando o seu site.

Agora veja no link abaixo os métodos de aplicação:

Métodos de aplicação de CSS

 

Está Gostando do Artigo?

Se inscreva em nossa lista e receba 30 vídeos aulas grátis, ensinando como criar o seu negócio na internet a partir do zero.

| Website

Sou blogueiro por que gosto de ler e escrever. Criei este blog para te ajudar a criar o seu negócio na internet e ter um novo estilo de vida.

  • I just want to say I am new to blogging and site-building and certainly savored you’re page. Likely I’m likely to bookmark your blog . You surely have exceptional articles and reviews. Kudos for sharing your web site.

    Tradução:

    Eu só quero dizer que eu sou novo em blogs e site de construção e, certamente, você saboreou página. Provável que eu sou provavelmente para marcar o seu blog. Você certamente tem artigos e resenhas excepcionais. Kudos para a partilha de seu web site.

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.
error: Este conteúdo está protegido ! Se precisar de alguma coisa envie mensagem pelo formulário de contato.