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.

🤖

ChatGPT Gratis
Realiza preguntas sobre cualquier tema

¡Participa!

¡Compártelo en tus Redes Sociales!
Compartir en:

CITAR ARTÍCULO


Para tareas, investigaciones, tesis, libros, revistas, blogs ó artículos académicos

Referencia en Formato APA:

Delgado, Hugo. (2014).
Convenciones de escritura CSS - Reglas para instrucciones.
Recuperado 13 de abril, 2024, de
https://disenowebakus.net/convenciones-de-escritura-en-css.php

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 15 años continuos.
Contamos con más de 200 constancias y reconocimientos en la trayectoria Académica y Profesional, incluidos diplomados certificados por Google.

CONTINÚA APRENDIENDO

Menú categoría


Aprender CSS

TAMBIÉN MERECE LA PENA VISITAR:

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

Conoce todos los cursos y tutoriales que tenemos para ti completamente gratis
Aprender Diseño Web

¿Todavía no encuentras lo que necesitas?

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

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
Anunciate aquí

Tu navegador ha bloqueado la publicidad.
Por favor 🙏 permite visualizar los anuncios para poder acceder, gracias.