Aprendendo CSS - Sintaxe

Sintaxe Básica


Você pode fazer a montagens dos estilos do seu site de 2 formas.

1º Você pode fazer a sintaxe dentro de cada página aplicando um estilo diferente para cada página.
Porém se você tiver um site com várias páginas o trabalho será redobrado.
Por quê?
Cada página do seu site terá um estilo isolado, caso voc
ê tenha que fazer a formatação do site inteiro, cada página deverá ser alterada uma por vez.


2ª Você pode fazer a sintaxe em uma folha de estilo à parte, fora de todas as páginas do site.
Fazendo dessa forma você poderá centralizar toda a formatação do site em um lugar só mantendo também um padrão de estilo para todas as páginas.
Por quê?
Formatando o site com um estilo único você facilita seu trabalho na hora de uma possível mudança na formatação, você mudará uma vez só para todas as páginas automaticamente.

Para iniciar nós vamos ver primeiro dentro da mesma página:

Seguindo a imagem acima nós podemos observar como começa a estrutura de formatação em css aplicando ela dentro da página.




Agora nós vamos observar como montar uma folha de estilo à parte:

1º Montar uma página sem tag nenhuma só para guardar os comandos em css e depois salva-la com o nome que desejar seguido da extenção ".css", ex:

style.css

Logo após montar a página você terá que fazer os links que puxarão os comando externos para dentro da página:


Após ter montado sua estrutura básica você ja pode começar a montar sua folha de estilo.