Estilo Formal
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Outras metainformações -->
<title>Portfolio</title>
<link rel="stylesheet" href="style1.css">
</head>
<!-- Restante do HTML -->
style1.css
body {
background-color: white;
}
h1 {
color: black;
}
h2 {
color: black;
}
p {
color: gray;
}
button {
background-color: white;
color: black;
}
a {
color: black;
}
header {
background-color: gray;
color: white;
}
footer {
background-color: gray;
color: white;
}
Estilo Divertido
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Outras metainformações -->
<title>Portfolio</title>
<link rel="stylesheet" href="style2.css">
</head>
<!-- Restante do HTML -->
style2.css
body {
background-color: indigo;
}
h1 {
color: chartreuse;
}
h2 {
color: white;
}
p {
color: rosybrown;
}
button {
background-color: black;
color: crimson;
}
a {
color: DodgerBlue;
}
header {
background-color: lightblue;
color: white;
}
footer {
background-color: gray;
color: white;
}
Minimalista
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Outras metainformações -->
<title>Portfolio</title>
<link rel="stylesheet" href="style3.css">
</head>
<!-- Restante do HTML -->
style3.css
body {
background-color: floralwhite;
}
h1 {
color: pink;
}
h2 {
color: palegoldenrod;
}
p {
color: rosybrown;
}
button {
background-color: pink;
color: white;
}
a {
color: silver;
}
header {
background-color: silver;
color: white;
}
footer {
background-color: silver;
color: white;
}
