0% acharam este documento útil (0 voto)

4 visualizações2 páginas

Introdução ao CSS para Web Design

A aula 6 do curso de Web Designer aborda a introdução ao CSS, ensinando como estilizar páginas HTML com foco em fontes e backgrounds. O documento inclui exemplos de código HTML5 com comentários explicativos sobre o uso de tags como <style>, <body>, <h1> e <p>. O código demonstra a definição de estilos para o corpo, título e parágrafos da página.

Enviado por

phbass45

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

4 visualizações2 páginas

Introdução ao CSS para Web Design

Enviado por

phbass45

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Curso Web designer HTML5 / CSS Javascript

Aula 6: Introdução ao CSS

Objetivo
Nesta aula, vamos aprender como utilizar CSS para estilizar páginas HTML,
incluindo fontes e backgrounds.

Tags Utilizadas

• <style>: Contém regras de estilo CSS.

• body: Seleciona o elemento <body>.

• h1: Seleciona o elemento <h1>.

• p: Seleciona o elemento <p>.

Código com Comentários

html

<!DOCTYPE html>

<html lang="pt-BR">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--

Configura a área visível e a escala da página -->

<title>A Internet em Nossas Vidas</title>

<style>

body {

font-family: Arial, sans-serif; <!-- Define a família de fontes para o corpo do

documento -->

background-color: #f0f0f0; <!-- Define a cor de fundo do corpo do

documento -->

h1 {

color: #333333;

}

color: #666666;

</style>

</head>

<body>

<h1>A Internet em Nossas Vidas</h1>

<p>A internet mudou o mundo de várias maneiras.</p> <!-- Parágrafo de texto --

</body>

Introdução ao CSS para Web Design

Enviado por

Introdução ao CSS para Web Design

Enviado por

Curso Web designer HTML5 / CSS Javascript

Aula 6: Introdução ao CSS

• <style>: Contém regras de estilo CSS.

• body: Seleciona o elemento <body>.

• h1: Seleciona o elemento <h1>.

• p: Seleciona o elemento <p>.

Código com Comentários

<!DOCTYPE html>

<html lang="pt-BR">

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--

<title>A Internet em Nossas Vidas</title>

<style>

font-family: Arial, sans-serif; <!-- Define a família de fontes para o corpo do

background-color: #f0f0f0; <!-- Define a cor de fundo do corpo do

color: #333333;

color: #666666;

<body>

<h1>A Internet em Nossas Vidas</h1>

<p>A internet mudou o mundo de várias maneiras.</p> <!-- Parágrafo de texto --

</html>

Você também pode gostar