TOC

This article is currently in the process of being translated into Portuguese (~98% done).

Introduction:

Hello, CSS world!

Depois de falar sobre o que é CSS e por que você deveria usar, você provavelmente está ansioso para ver em ação. Se você está lendo isso no seu navegador, então você já pode ver a mágica do CSS - desde a cor e os tamanhos de títulos até a amostra do código, os menus, as listas e praticamente tudo. Se o elemento tem uma cor de fundo, uma borda, um tamanho de texto ou cor de texto diferente, então agradeça o CSS. De qualquer forma, isso pode ser um pouquinho complexo de compreender no momento, então vamos para um nível mais básico.

Ao longo da história da programação, todo tutorial de respeito começou com um exemplo "Hello, world!", com o propósito de mostrar o jeito mais fácil de produzir o texto "Hello, world!" na tela do usuário. Isso no entanto, poderia ser facilmente realizado no HTML, sem o uso de qualquer CSS, então nós vamos apimentar um pouquinho com uma cor diferente:

<style type="text/css">
h1 {
	color: DeepSkyBlue;
}
</style>

<h1>Hello, world!</h1>

É isso aí! - nós escrevemos nossa primeira regra CSS, voltado para a tag H1 e a usamos para modificar a cor do texto, usando a propriedade "color" e um valor para a cor, o "DeepSkyBlue"

Sumário

Como você pode ver, CSS é uma linguagem bastante simples, mas não tenha medo se você não entendeu nosso primeiro exemplo. No próximo capítulo, nós falaremos sobre o que o código acima significa atualmente e por que é escrito desta maneira.

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!