Definição de CSS (folhas de estilo)

O estilo em que os textos e componentes de um pagina web, assim como o conjunto de várias páginas, podem ser marcadas a partir de cada uma de forma independente, ou depender de um elemento externo (outro Arquivo em que os estilos são definidos) que podem ser reutilizados. Esse elemento externo é chamado de folha de estilo CSS.

Uma folha de estilo CSS (folhas de estilo em cascata, folhas de estilo em cascata) nada mais é do que um arquivo de computador que contém informações para modelar o estilo visual adotado pelas páginas da web quando renderizadas pelo navegador.

Para que este seja o caso, deve haver uma chamada para a folha de estilo CSS de dentro do arquivo HTML, por meio de um instrução.

Graças à separação do conteúdo do que é o aspecto, obtemos uma abstração que nos permite vários ângulos de Liberdade.

A primeira é que se quisermos mudar a estética de um site completo, só teremos que retocar os arquivos da planilha Estilo CSS, de modo que se houver chamadas para esses arquivos nas páginas HTML, ocorrerá a mudança estética da forma automático.

Outra vantagem é que o Autor dos conteúdos você poderá focalizá-los sem ter que se preocupar com seu layout, já que este é fornecido pelos arquivos CSS.

A folha de estilo é construída a partir de uma linguagem de design com uma estrutura específica e padronizada, de forma que a folha de estilo seja independente da tecnologia servida pela página da web e da qual é usada para renderizá-lo.

Isso se deve à necessidade de a web ser independente do dispositivo, permitindo que qualquer servidor serve o mesmo conteúdo, e que estes são processados ​​com o mesmo resultado final por algum navegador, independentemente de algumas ferramentas poderem fazer isso mais rapidamente do que outras e, portanto, oferecer melhor desempenho para o Nome do usuário.

O mesmo língua A definição também pode ser usada em qualquer documento XML (afinal, HTML ainda pode ser interpretado como um subconjunto de XML).

A estrutura da linguagem é simples, com uma série de palavras-chave reservadas que se referem às propriedades do estilo de uma página, e várias regras para cada uma dessas propriedades.

Um exemplo simples de folha de estilo CSS seria o seguinte:

corpo {
h1 {font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif}
}

Nele, simplesmente definimos como deve ser o cabeçalho H1 dos documentos HTML que escrevemos e estão sujeitos a esta folha de estilo. Para isso, as páginas HTML devem ter esta frase na seção CABEÇA:

Na que style sheet.css é o nome do arquivo que contém as definições.

Também podemos incluir as instruções de layout para o estilo no mesmo arquivo HTML que usamos para a página, economizando um arquivo extra, mas então perdemos a versatilidade de mudar a aparência de todas as páginas tendo apenas que manipular um arquivo, já que teríamos que modificar todo o HTML exatamente o mesmo.

A linguagem em que as folhas de estilo CSS são escritas já existia antes da sua aprovação pelo W3C, entidade que se encarrega de regular os padrões usados ​​na Web a nível técnico.

Foi aprovado em meados da década de 1990 e desde então se tornou um padrão. indispensável para uso em grandes sites.

Foto: Fotolia - Stringer

Temas em CSS (folhas de estilo)