Convenciones de escritura CSS - Reglas para instrucciones

Las instrucciones CSS debe seguir algunas reglas al momento de hacer uso de: mayúsculas y minúsculas, acentos, guiones, comillas dobles o sencillas.

Convenciones de escritura CSS - Reglas para instrucciones | Aprender CSS | Las instrucciones CSS debe seguir algunas reglas al momento de hacer uso de: mayúsculas y minúsculas, acentos, guiones, comillas dobles o sencillas
COMPÁRTELO:

Convenciones de escritura en CSS

CSS y HTML no hacen distinción entre mayúsculas y minúsculas en los nombres de elementos y atributos, pero sí en los valores de los atributos.

Ahí la diferencia entre mayúsculas y minúsculas repercute en las instrucciones de estilo. Por lo tanto, class=”rojonegrita” y class=”RojoNegrita” son dos clases distintas.

A ello hay que añadir que no todos los navegadores distinguen entre mayúsculas, y que no es un estilo muy bueno utilizar en los mismos nombres a veces mayúsculas y a veces minúsculas.

Los nombres de selectores IDs y clases, sólo pueden contener letras (a-z, A-Z), cifras (0-9) y guión (-), pero deben empezar siempre con una letra.

En teoría, en las instrucciones CSS se pueden utilizar diéresis siempre que se hayan declarado correctamente, así como otros caracteres especiales. Pero la realidad es que las estrictas normas sintácticas de (X)HTML lo impiden, por ejemplo al nombrar IDs.

Tampoco se aconseja utilizar los guiones bajos de subrayado (_) ya que éstos no siempre estaban incluidos en la especificación CSS, por lo que algunos navegadores antiguos no los pueden interpretar.

Otra fuente de error frecuente es el uso incorrecto de las comillas. En HTML es habitual escribir los valores de atributo entre comillas, por ejemplo:

<body bgcolor=”#ffffff”>

Pero en CSS no es válida esa forma de escritura. Lo correcto sería:

body {
background-color: #ffffff;
}

Sólo cuando un valor contenga un carácter en blanco se deberán utilizar también comillas en la aplicación de estilo en CSS, por ejemplo:

h1 {
font-family: ‘Times New Roman’, serif;
}

En principio, también se pueden utilizar las comillas dobles, pero como algunos navegadores las encuentran irritantes, lo normal sería utilizar siempre comillas sencillas.

¿Te gustó o fue útil?

Ayúdanos a compartirlo en Redes Sociales
Compártelo:

Profesor en la Universidad de Guadalajara

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo Web y Posicionamiento SEO desde hace más de 10 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

TAMBIÉN MERECE LA PENA VISITAR:

¿Todavía no encuentras lo que necesitas?

Usa nuestro buscador interno para descubrir más información
Contenido patrocinado:

¿Te gustaría aprender más sobre Diseño Web?

Conoce las palabras y términos más comúnes usados en el Mundo de Internet para la World Wide Web
Glosario de Internet

1 Comentario en "Convenciones de escritura CSS - Reglas para instrucciones"

  1. Avatar usuario
    Jose

    CSS y HTML no hacen distinción entre mayúsculas y minúsculas en los nombres de elementos y atributos, pero sí­ en los valores de los atributos.

 

Deja tu Comentario

PATROCINADOR

Tu negocio también puede aparecer aquí. Más información