1.4 KiB
1.4 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| Introduction to CSS | Introdução ao CSS |
Introdução ao CSS
O que é CSS?
Cascading Style Sheets (CSS) descrevem como o html de uma página web irá aparecer, sendo um mecanismo para adicionar estilo (cores, fontes, espaçamento, etc.).
Antes que os desenvolvedores CSS aplicassem estilos usando atributos ou tags especiais em cada nó de uma página. Isso tornou a marcação repetitiva e propensa a erros.
O CSS permite que os seletores descrevam como cada parte do conteúdo correspondente deve aparecer.
body {
font-size: 15px;
}
a {
color: rebeccapurple;
text-decoration: underline;
}
Usando CSS
Folhas de estilo externas permitem que muitas páginas compartilhem os mesmos estilos.
<link href="styles.css" rel="stylesheet" type="text/css">
Folhas de estilo internas aplicam CSS a todas as tags correspondentes em uma página.
<style>
h1 {
font-family: sans-serif;
margin-bottom: 1.5em;
}
</style>
CSS inline aplica estilos a uma única tag.
<img src="..." style="border: 1px solid red;" />