Para o desenvolvimento web existem ferramentas que são essenciais atualmente. Uma dessas é o CSS. Saiba mais sobre o que é CSS e como utilizar em sites para melhorar a aparência e estilo.
Primeiramente o CSS (Cascading Style Sheets) – folhas de estilo em cascata- serve para indicar como mostrar elementos HTML.
Os estilos são guardados em “folhas”. Esses estilos foram inicialmente adicionados ao HTML 4.0. Assim as definições de estilo múltiplas serão usados em cascata para todos os arquivos indicados.
Todavia o HTML não tem e nunca teve o objetivo de conter tags para a formatação . Tags HTML servem apenas para definir o conteúdo de um documento.
A princípio tags como <font> e atributos como “color” foram adicionadas à especificação HTML 3.2. As cores e fontes tiveram de ser definidas a cada página do site. O que acabava sendo um processo longo e pouco eficiente.
A Consortium – orgão responsável pela padronização do HTML – criou as CSS em adição ao HTML 4.0. Então toda a formatação poderia ser removida do documento HTML e armazenada em um apenas um arquivo CSS.
Portanto as Folhas de estilos definem como os elementos HTML devem ser exibidos. Eles são salvos em arquivos “.css”. Folhas de estilo salvas nos permitem alterar o layout de todas as páginas em um site de uma vez , editando apenas um documento.
Ou seja vários estilos “cairão” (daí o nome) em cascata sobre um único objeto
Como usar CSS
As formas como estilos podem ser indicados:
- Dentro de um elemento HTML (nada recomendado)
- Dentro da seção head de uma página HTML (pouco recomendado)
- Em um arquivo CSS externo (totalmente recomendado) Cada página deve indicar a folha de estilo usada como base por meio da tag “link”, como já vimos anteriormente. A tag link deve estar dentro da seção “head” do arquivo HTML.
Conclusão
Não só um arquivo CSS pode ser usado para várias páginas HTML, mas também Múltiplas folhas de estilo podem ser usadas em um único documento HTML.
