A aparencia ou "estilo" dun sitio web está dictada por CSS (Cascading Style Sheets). Este é un ficheiro que engadirá ao directorio do seu sitio web que contén as varias regras CSS que crean o deseño visual e o deseño das súas páxinas.
Mentres os sitios poden usar e, moitas veces, usar varias follas de estilo, non é necesario facelo. Pode colocar todas as regras CSS nun só arquivo e realmente hai beneficios para iso, incluíndo o tempo de carga máis rápido eo rendemento das páxinas, xa que non necesitan buscar varios ficheiros. Mentres son moi grandes, os sitios empresariais poden necesitar follas de estilos separadas ás veces, moitos sitios pequenos ou medios poden facerse perfectamente ben con só un arquivo. Isto é o que uso para a maior parte do meu traballo de deseño web: un só arquivo CSS con todas as regras que necesitan as miñas páxinas. Entón, a pregunta agora se fai: ¿que debería nomear este ficheiro CSS?
Naming Basics do convenio
Cando crea unha folla de estilo externa para as súas páxinas web, debe nomear o ficheiro seguindo acordos de nomenclatura similares para os seus ficheiros HTML:
Non empregue caracteres especiais
Só debes usar as letras az, números 0-9, subliñado (_) e guións (-) nos teus nomes de arquivos CSS. Aínda que o seu sistema de ficheiros permítelle crear ficheiros con outros caracteres neles, o servidor OS pode ter problemas con caracteres especiais. Vostede é máis seguro usando só os caracteres mencionados aquí. Despois de todo, mesmo se o teu servidor permite caracteres especiais, pode que non sexa así se decides mover os provedores de hospedaxe no futuro.
Non empregue ningún espazo
Do mesmo xeito que con caracteres especiais, os espazos poden causar problemas no seu servidor web. É unha boa idea evitalos nos seus nomes de ficheiro. Incluso o fago un punto para nomear arquivos como PDFs usando estas mesmas convencións, no caso de que deba engadir a un sitio web. Se pensas que necesitas un espazo para que o nome do ficheiro sexa máis doado de ler, optas por guións ou guións baixos. Por exemplo, no canto de usar "este é o ficheiro.pdf" eu usaría "this-is-the-file.pdf".
O nome do ficheiro debería comezar cunha letra
Aínda que este non sexa un requisito absoluto, algúns sistemas teñen problemas cos nomes dos ficheiros que non comezan cunha letra. Por exemplo, se decide iniciar o seu ficheiro con carácter de número, isto pode causar problemas.
Use todos os casos inferiores
Aínda que isto non sexa necesario para un nome de ficheiro, é unha boa idea, dado que algúns servidores web son maiúsculas e minúsculas, e se esquecer e facer referencia ao ficheiro nun caso diferente, non se cargará. No meu propio traballo, uso caracteres de minúsculas para cada nome de ficheiro. Eu realmente descubrín que isto era algo que moitos dos novos deseñadores web loitan por recordar de facer. A súa acción predeterminada ao nomear un ficheiro é capitalizar o primeiro carácter do nome. Evite isto e métese no hábito de caracteres minúsculas.
Mantén o nome do ficheiro o máis curto posible
Aínda que hai un límite de tamaño de nome de ficheiro na maioría dos sistemas operativos, é moito máis longo do que é razoable para un nome de ficheiro CSS. Unha boa regra xeral non ten máis de 20 caracteres para o nome do ficheiro que non inclúa a extensión. De xeito realista, calquera cousa moito máis longa é difícil de traballar e conectalo de calquera xeito.
A parte máis importante do seu nome de ficheiro CSS
A parte máis importante do nome de ficheiro CSS non é o propio nome do ficheiro, senón a extensión. Non se necesitan extensións nos sistemas Macintosh e Linux, pero é unha boa idea incluíla de calquera xeito ao escribir un ficheiro CSS. Deste xeito sempre saberá que é unha folla de estilo e non ten que abrir o ficheiro para determinar o que é no futuro.
Probablemente non sexa unha gran sorpresa, pero a extensión no teu ficheiro CSS debería ser:
.cssConvencións de nomeamento de ficheiros CSS
Se só terá un arquivo CSS no sitio, pode nomear o que queira. Eu prefiro tanto:
styles.css ou default.cssComo a maioría dos sitios nos que traballo inclúen un único arquivo CSS, estes nomes funcionan ben para min.
Se o teu sitio usa varios ficheiros CSS, chame as follas de estilo despois da súa función, polo que está claro exactamente cal é o propósito de cada ficheiro. Xa que unha páxina web pode ter varias follas de estilo ligadas a elas, axuda a dividir os estilos en follas diferentes dependendo da función desta folla e os estilos dentro del. Por exemplo:
- Deseño vs proxecto layout.css design.css
- Seccións de páxina main.css nav.css
- Sitio completo con subtítulos mainstyles.css subpage.css
Se o teu sitio web usa un marco de algunha natureza, probablemente notarás que usa varios arquivos CSS, cada un dedicado a diferentes partes das páxinas ou aspectos do sitio (tipografía, cor, deseño, etc.).
Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 05/09/17