CSS: Introdução

Aprenda o que é o CSS e como ele funciona. Comece a criar os seus primeiros estilos formatando elementos de texto.

 

  • O que é CSS?

  • Artigo – Introdução prática ao CSS

  • Artigo – CSS: Introdução

 

1. Introdução ao CSS

Neste vídeo definimos a linguagem CSS e qual é a importância dela para o desenvolvedor Front-End web. Falamos também sobre o que é necessário para fazer com o estilo declarado através desta linguagem seja aplicado a páginas web.

 

Consulta rápida:

CSS é uma linguagem declarativa usada para editar o aspecto visual dos elementos presentes em uma página web.

 

2. CSS na prática

Neste vídeo apresentamos como o CSS pode ser incluído no HTML através da tag link. Também demonstramos como estilizar o texto de um parágrafo com propriedades do CSS criadas com essa finalidade.

 

 

Consulta rápida:

01 <!doctype html>
02 <html lang="pt-br">
03     <head>
04         <meta charset="UTF-8">
05
06         <link rel="stylesheet" type="text/css"
07         	href="stylesheet.css">
08     </head>
09     <body>
10     	<p>Lorem ipsum dolor sit amet.</p>
11     </body>
12 </html>

Linha 10: Adicionamos um ao documento incluindo nele o texto que será estilizado.

 

01 p {
02 	color: red;
03 	font-size: 32px;
04 }

 

Linha 1: Declaramos o seletor da regra e abrimos as chaves para adição das propriedades na declaração.

Linha 2 – 3: Usamos as propriedades color e font-size para alterar a cor do texto para vermelho e o tamanho da fonte para 32 pixels.

Linha 4: Fechamos a declaração.