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:

Profesor de la Universidad de Guadalajara

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 Comentarios

  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.

 

Deja un Comentario

Recomendado para ti:

Llevando datos de las páginas en PHP a la base en MySQLLlevando datos de las páginas en PHP a la base en MySQL

Ya hemos realizado páginas que leen datos de nuestra base de datos pero, muchas veces, necesitamos transitar ...

Síguenos en Facebook