Convenciones de escritura CSS

Convenciones de escritura CSS
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.

Compártelo:

Publicado por

Hugo Delgado Desarrollador y Diseñador Web en Puerto Vallarta

Profesional en Desarrollo y Posicionamiento Web 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.

ARTÍCULOS RELACIONADOS:

1 Comentario(s)

  1. 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.

Recomendado para ti:

Determinar la audiencia destinada para el sitio WebDeterminar la audiencia destinada para el sitio Web

Los usuarios o la audiencia se refiere a aquella parte de la población a la que se pretende alcanzar o influir c...