La apariencia y el "estilo" de un sitio web están dictados por CSS (hojas de estilo en cascada). Este es un archivo que agregará al directorio de su sitio web que contendrá las distintas reglas de CSS que crean el diseño visual y el diseño de sus páginas.
Si bien los sitios pueden usar, y con frecuencia lo hacen, usar múltiples hojas de estilo, no es necesario hacerlo. Puede colocar todas sus reglas CSS en un solo archivo, y hay beneficios al hacerlo, incluido un tiempo de carga y un rendimiento de las páginas más rápidos, ya que no es necesario recuperar varios archivos. Si bien son muy grandes, los sitios empresariales pueden necesitar hojas de estilo separadas a veces, muchos sitios pequeños y medianos pueden hacerlo perfectamente bien con solo un archivo con todas las reglas que sus páginas necesitan. Esto plantea la pregunta "¿Cómo debo nombrar este archivo CSS"?
Conceptos básicos de la convención de nombres
Cuando cree una hoja de estilo externa para sus páginas web, debe asignar un nombre al archivo siguiendo convenciones de denominación similares para sus archivos HTML.
No utilice caracteres especiales
Solo debe usar las letras a-z, los números 0-9, el subrayado (_) y los guiones (-) en los nombres de sus archivos CSS. Si bien su sistema de archivos puede permitirle crear archivos con otros caracteres, el sistema operativo de su servidor puede tener problemas con caracteres especiales. Usted está más seguro usando solo los caracteres mencionados aquí. Después de todo, incluso si su servidor permite caracteres especiales, puede que ese no sea el caso si decide mudarse a proveedores de servicios en el futuro.
No uses ningún espacio
Al igual que con los caracteres especiales, los espacios pueden causar problemas en su servidor web. Es una buena idea evitarlos en los nombres de sus archivos, incluso debería hacer un punto para nombrar archivos como archivos PDF utilizando estas mismas convenciones, en caso de que alguna vez necesite agregarlos a un sitio web. Si cree firmemente que necesita un espacio para que el nombre del archivo sea más fácil de leer, opte por guiones o guiones bajos. Por ejemplo, en lugar de usar "este es el archivo.pdf" use "este-es-el-archivo.pdf".
El nombre del archivo debe comenzar con una letra
Si bien esto no es un requisito absoluto, algunos sistemas tienen problemas con los nombres de archivos que no comienzan con una letra. Por ejemplo, si elige comenzar su archivo con un carácter numérico, esto puede causar problemas en el futuro.
Use todo en minúsculas
Si bien esto no es necesario para un nombre de archivo, es una buena idea, ya que algunos servidores web distinguen entre mayúsculas y minúsculas, y si olvida y hace referencia al archivo en un caso diferente, no se cargará. Usar caracteres en minúscula para cada nombre de archivo siempre es una forma inteligente de hacerlo. De hecho, muchos diseñadores web nuevos intentan recordar hacer esto: su acción predeterminada al nombrar un archivo es poner en mayúscula el primer carácter del nombre. Evita esto y adquiere el hábito de los caracteres en minúscula solamente.
Mantenga el nombre del archivo lo más corto posible
Si bien hay un límite de tamaño de nombre de archivo en la mayoría de los sistemas operativos, es mucho más largo de lo que es razonable para un nombre de archivo CSS. Una buena regla de oro no es más de 20 caracteres para el nombre del archivo sin incluir la extensión. De manera realista, cualquier cosa mucho más larga que eso es difícil de manejar para trabajar y vincular de todos modos.
La parte más importante de su nombre de archivo CSS
La parte más importante del nombre del archivo CSS no es el nombre del archivo en sí, sino la extensión. No se requieren extensiones en los sistemas Macintosh y Linux, pero es una buena idea incluir uno de todos modos al escribir un archivo CSS. De esa manera, siempre sabrá que es una hoja de estilo y no tendrá que abrir el archivo para determinar qué será en el futuro.
Probablemente no sea una gran sorpresa, pero la extensión de tu archivo CSS debería ser:
.css
Convenciones de nomenclatura de archivos CSS
Si solo tendrá un archivo CSS en el sitio, puede ponerle el nombre que desee. Uno de los siguientes es preferible:
styles.css o default.css
Si su sitio web utilizará varios archivos CSS, asigne un nombre a las hojas de estilo después de su función para que quede claro exactamente cuál es el propósito de cada archivo. Dado que una página web puede tener varias hojas de estilo adjuntas, es útil dividir los estilos en diferentes hojas según la función de esa hoja y los estilos que contiene. Por ejemplo:
- Diseño vs diseño
layout.css design.css
- Secciones de página
main.css nav.css
- Todo el sitio con subsecciones.
mainstyles.css subpage.css
Si su sitio web utiliza un marco de algún tipo, es probable que observe que utiliza varios archivos CSS, cada uno dedicado a diferentes partes de las páginas o aspectos del sitio (tipografía, color, diseño, etc.).
Editado por Jeremy Girard
