Una guía rápida sobre la sintaxis de definición de valor css

Las especificaciones CSS, creado por el World Wide Web Consortium (W3C), definen los valores posibles de sintaxis y de todas las propiedades CSS. Para hacer que las definiciones lo más preciso posible, el W3C utiliza un sistema formal llamada sintaxis de definición de valor CSS.

Aunque la sintaxis de definición define los valores posibles de forma muy precisa, la lectura de la sintaxis que las definiciones de valor CSS están escritos en puede ser difícil sin una llave. En realidad, sin embargo, la lectura de tales sintaxis es bastante simple. Por ejemplo, aquí está la sintaxis para el valor de la propiedad acceso directo margen:

[  |  | auto] {1,4}

Y aquí son usos válidos de la propiedad margin:

margen: 0px; margen: 1px 10% -margin: 1px 0px auto-margen: 1px 0px 1px 0px;

Incluso si usted no sabe lo que hace la propiedad de margen o cada uno de estos ejemplos, se podía encontrar la manera de leer la definición de sintaxis con sólo mirar la definición y luego examinar los ejemplos.

He aquí una guía rápida para la lectura de la sintaxis CSS valor de definición:

Video: Curso Básico de CSS desde 0 - [Clase 5 - Selectores y tipos]

• Cuando aparece una palabra clave sin comillas, indica que la palabra debe utilizarse como es, por ejemplo, en el caso de la auto palabra clave en el ejemplo anterior.

• tipos de datos básicos aparecen entre CSS lt; y gt ;. Por ejemplo, , , y son tipos básicos que se definen en otra parte. Cuando vea uno de estos tipos, ya sabes que cualquier valor válido en ese tipo de datos puede ser utilizado.

• Cuando se ven dos símbolos de unión entre sí (&&), Significa que los valores separados por este símbolo son tanto obligatorio, pero, pueden aparecer en cualquier orden.

  Video: CSS: definir el estilo de una lista (1)

• los valores del grupo corchetes ([]) juntos en una sola.

  Video: Curso CSS Fundamentos: diseño y presentación de sitios web

• Valores separados por || son opcionales. Sin embargo, uno de ellos debe aparecer, y pueden aparecer en cualquier orden.

• el | carácter significa que las opciones son exclusivas - exactamente uno de ellos debe aparecer.

• El asterisco (*) indica que un valor puede aparecer cero, una vez o varias veces.

• El símbolo más (+) significa que un valor puede aparecer una vez o varias veces.

• El signo de interrogación (?) Indica que un valor es opcional. Si aparece, sólo puede aparecer una vez.

• Cuando veas , esto significa que se permite que un valor de longitud fija tal como 10px.

• Cuando veas , esto significa que un valor de porcentaje se deja tal como 10 por ciento.

• Cuando vea los números entre paréntesis como {1,4}, que indica que la propiedad debe aparecer el número de veces especificado en el primer número. Sin embargo, puede aparecer tantas veces como lo indica el segundo número. En el caso de {1, 4}, la propiedad debe aparecer una vez, pero puede aparecer hasta cuatro veces.

• El símbolo # indica que un valor se puede repetir una o varias veces. Cada valor debe estar separado por una coma.