A aparência e o estilo de um site são ditados pelo CSS (Cascading Style Sheets). Este é um arquivo que você irá adicionar ao diretório do seu site, que conterá as várias regras de CSS que criam o design visual e o layout de suas páginas.
Embora os sites possam usar, e geralmente usam, várias folhas de estilo, não é necessário fazê-lo. Você pode colocar todas as suas regras de CSS em um único arquivo e, na verdade, há benefícios em fazê-lo, incluindo tempo de carregamento e desempenho de páginas mais rápidos, pois eles não precisam buscar vários arquivos. Embora os sites corporativos muito grandes possam precisar de folhas de estilo separadas às vezes, muitos sites pequenos a médios podem funcionar perfeitamente com apenas um arquivo com todas as regras de que suas páginas precisam. Isso levanta a questão "O que devo nomear este arquivo CSS"? "
Noções básicas da convenção de nomenclatura
Ao criar uma folha de estilo externa para suas páginas da Web, você deve nomear o arquivo seguindo convenções de nomenclatura semelhantes para seus arquivos HTML.
Não use caracteres especiais
Você deve usar apenas as letras a-z, números de 0 a 9, sublinhado (_) e hifens (-) nos nomes dos arquivos CSS. Embora seu sistema de arquivos possa permitir a criação de arquivos com outros caracteres, o sistema operacional do servidor pode ter problemas com caracteres especiais. Você está mais seguro usando apenas os caracteres mencionados aqui. Afinal de contas, mesmo que seu servidor permita caracteres especiais, isso pode não ser o caso se você decidir mudar para provedores de host no futuro.
Não use nenhum espaço
Assim como com caracteres especiais, os espaços podem causar problemas no seu servidor da web. É uma boa idéia evitá-los em seus nomes de arquivos - você deve fazer questão de nomear arquivos como PDFs usando essas mesmas convenções, para o caso de precisar adicioná-los a um site. Se você acha que precisa de um espaço para facilitar a leitura do nome do arquivo, opte por hifens ou sublinhados. Por exemplo, em vez de usar "this is the file.pdf" use "this-is-the-file.pdf".
O nome do arquivo deve começar com uma letra
Embora isso não seja um requisito absoluto, alguns sistemas têm problemas com nomes de arquivos que não começam com uma letra. Por exemplo, se você optar por iniciar seu arquivo com um caractere numérico, isso poderá causar problemas na linha.
Use todos os minúsculos
Embora isso não seja necessário para um nome de arquivo, é uma boa ideia, já que alguns servidores da Web fazem distinção entre maiúsculas e minúsculas e, se você esquecer e referenciar o arquivo em um caso diferente, ele não será carregado. Usar caracteres minúsculos para cada nome de arquivo é sempre uma maneira inteligente de ir. Na verdade, muitos novos web designers lutam para se lembrar de fazer isso - sua ação padrão ao nomear um arquivo é capitalizar o primeiro caractere do nome. Evite isso e adquira o hábito apenas de caracteres minúsculos.
Mantenha o nome do arquivo tão curto quanto possível
Embora exista um limite de tamanho de nome de arquivo na maioria dos sistemas operacionais, é muito mais longo do que é razoável para um nome de arquivo CSS. Uma boa regra é não mais do que 20 caracteres para o nome do arquivo, não incluindo a extensão. Realisticamente, qualquer coisa muito maior do que isso é difícil de trabalhar e vincular de qualquer maneira.
A parte mais importante do seu nome de arquivo CSS
A parte mais importante do nome do arquivo CSS não é o nome do arquivo em si, mas a extensão. Extensões não são necessárias em sistemas Macintosh e Linux, mas é uma boa idéia incluí-las de qualquer maneira ao escrever um arquivo CSS. Dessa forma, você sempre saberá que é uma folha de estilos e não precisará abrir o arquivo para determinar o que é no futuro.
Provavelmente não é uma grande surpresa, mas a extensão em seu arquivo CSS deve ser:
.css
Convenções de nomenclatura de arquivos CSS
Se você tiver apenas um arquivo CSS no site, pode nomear o que quiser. Um dos seguintes é preferível:
styles.css ou default.css
Se o seu site usar vários arquivos CSS, nomeie as folhas de estilo depois de sua função, para que fique claro exatamente qual é o propósito de cada arquivo. Como uma página da Web pode ter várias folhas de estilo anexadas a elas, é útil dividir seus estilos em folhas diferentes, dependendo da função dessa folha e dos estilos dentro dela. Por exemplo:
- Layout vs. design
layout.css design.css
- Seções da página
main.css nav.css
- Site inteiro com subseções
mainstyles.css subpage.css
Se o seu site usa um framework de algum tipo, você provavelmente notará que ele usa vários arquivos CSS, cada um dedicado a diferentes partes das páginas ou aspectos do site (tipografia, cor, layout, etc.).
Editado por Jeremy Girard
