CSS Conceitos básicos

O que é CSS?

Cascading Style Sheets. - Folha de Estilo em Cascata

Para que serve o CSS?

Importante

É POSSÍVEL USAR O HTML PARA DEFINIR O LAYOUT DE WEBSITES PORÉM O USO DO CSS É MAIS PRECISO E SOFISTICADO E TAMBÉM É MAIS FÁCIL

Comparação entre um estilo no CSS e HTML

Formatação simples de um texto:

HTML: <p align="right"><font color="orange" size="2" face="arial">texto com formatação <b>HTML</b></font></p>
isso tudo gera:

Texto com formatação HTML

CSS: .comparacao{
text-align: right;
font-size: 12px;
color: orange;
font-family: arial;
}
isso tudo gera:

Texto em formatção CSS.

Para uma linha somente de formatação não é muito visivel a diferença mas na hora que for para mudar varios items da mesma maneira no html será necessário usar sempre terá que escrever todo o código. já no CSS só será necessário marcar uma classe(class) ou ID(id).

Aplicando o CSS a um documento HTML.

Existem 3 métodos: in-line, interno e externo

Metodo 1: In-line

O in-line é o CSS dentro da linha do codigo ex.: <body style:"backgroud-color: #EEE">

Metodo 2: Interno

O Interno é o CSS na parte de cabeçalho do site (<head>) ex.:
<style>
boby{
backgroud-color: #EEE;
}
</style>

Metodo 3: Externo

O Externo é o mais usual dos CSS ele é criado um documento a parte e é linkado ao html utilizado.

Codigo HTML
<html lang="en">
    <head>
        <link rel="stylesheet" href="estilo.css">
        <title>Aprendendo CSS</title>
    </head>
    <body>

    </body>
<html>

Codigo CSS
body{
      backgroud-color: #EEE;
}