Hogar Redes sociales Una guía rápida para la sintaxis de definición de valor CSS: dummies

Una guía rápida para la sintaxis de definición de valor CSS: dummies

Video: 1 INTRODUCCION BASICA A JAVASCRIPT 2024

Video: 1 INTRODUCCION BASICA A JAVASCRIPT 2024
Anonim

Las especificaciones CSS, creadas por World Wide Web Consortium (W3C), definen la sintaxis y los posibles valores de todos Propiedades CSS Para hacer que las definiciones sean lo más precisas posible, el W3C usa un sistema formal llamado sintaxis de definición de valores CSS.

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

[| | auto] {1, 4}

Y aquí hay usos válidos de la propiedad de margen:

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

Incluso si no supiera qué hace la propiedad de margen o cada uno de estos ejemplos, podría averiguar cómo leer la definición de sintaxis simplemente observando la definición y luego examinando los ejemplos.

Aquí hay una guía rápida para leer la sintaxis de la definición del valor CSS:

  • Cuando una palabra clave aparece sin comillas, indica que la palabra debe usarse tal como está, como en el caso de la palabra clave automática en el ejemplo anterior.

  • Los tipos básicos de datos CSS aparecen entre. Por ejemplo, y son tipos básicos que se definen en otro lugar. Cuando vea uno de estos tipos, sabrá que se puede usar cualquier valor válido en ese tipo de datos.

  • Cuando ve dos símbolos juntos (&&), significa que los valores separados por este símbolo son obligatorios, pero pueden aparecer en cualquier orden.

  • Corchetes ([]) agrupan valores en uno.

  • 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 una de ellas debe aparecer.

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

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

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

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

  • Cuando ve, significa que se permite un valor porcentual, como 10 por ciento.

  • Cuando ve números entre corchetes como {1, 4}, indica que la propiedad debe aparecer el número de veces especificado por el primer número. Sin embargo, puede aparecer tantas veces como lo indique 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 puede repetirse una o varias veces. Cada valor debe estar separado por una coma.

Una guía rápida para la sintaxis de definición de valor CSS: dummies

Selección del editor

Social Media Commerce: Desarrolle sus propios podcasts: los podcasts

Social Media Commerce: Desarrolle sus propios podcasts: los podcasts

Pueden considerarse podcasts o no. "Redes sociales", pero pueden ser útiles para formar una audiencia y difundir su mensaje. Cuando la radio de conversación se convierte en un archivo digital multimedia que está disponible para su descarga desde Internet, se convierte en un podcast. No tienes que estar en una computadora para escuchar; cada teléfono inteligente ...

Social Media Commerce: Realice llamadas gratis con Skype: las redes sociales

Social Media Commerce: Realice llamadas gratis con Skype: las redes sociales

Proporcionan muchos formas de conectarse con sus clientes y responder sus preguntas. En el Informe de preferencias del consumidor de Avaya 2011, el modo de contacto preferido para los asuntos de servicio al cliente fue el teléfono. Skype ofrece un servicio para realizar y recibir llamadas. Puede usar Skype para realizar llamadas gratuitas de la computadora a la computadora ...

Social Media Commerce: aprenda de las cuentas de Twitter Stellar: dummies

Social Media Commerce: aprenda de las cuentas de Twitter Stellar: dummies

En las redes sociales, como en muchas cosas, puedes aprender mucho estudiando a los demás. Aquí hay dos cuentas de Twitter que vale la pena ver. Observar su calidad y diferentes estilos vale más que un vistazo. Ambos representan grandes empresas, pero ambos son impulsados ​​por el servicio al cliente: Kathy Ireland: Un ejemplo de un empresario brillante es @kathyireland ...

Selección del editor

Cómo agregar una imagen a su aplicación de Android: dummies

Cómo agregar una imagen a su aplicación de Android: dummies

Agregando imágenes a un Android la aplicación es simple: arrástrelos desde la carpeta donde están almacenados a la carpeta src / main / res / drawable-xxhdpi, como se muestra en la siguiente figura. Para la aplicación de cambio de modo silencioso, necesita dos imágenes de timbre: apagado y encendido. Asegúrese de poner ambas imágenes en la carpeta src / main / res / drawable-xxhdpi. Cuando arrastre imágenes a ...

Cómo acceder a la libreta de direcciones para aplicaciones iOS: dummies

Cómo acceder a la libreta de direcciones para aplicaciones iOS: dummies

El marco iOS proporciona funciones que permiten que su aplicación funcione con las bases de datos que vienen con dispositivos iOS. Una de esas bases de datos es la Libreta de direcciones, que incluye personas y su información de contacto. Los dispositivos iOS también proporcionan una aplicación Contactos que permite a los usuarios administrar esta base de datos agregando nuevos contactos, actualizándolos, eliminándolos ...

Manejo de eventos de control remoto en Samsung SmartTV Application Development - dummies

Manejo de eventos de control remoto en Samsung SmartTV Application Development - dummies

Códigos de control remoto son mapeado en códigos JavaScript que cambian el foco entre los elementos, asignando un proceso apropiado a cada uno de los eventos clave registrados. Consulte la siguiente lista de valores de clave registrados para una aplicación de pantalla completa: KEY_VOL_UP KEY_VOL_DOWN KEY_MUTE KEY_TOOLS KEY_INFO KEY_EMODE KEY_DMA KEY_MENU KEY_SOURCE KEY_PRECH KEY_FAVCH KEY_CHLIST KEY_DMA KEY_TTX_MIX KEY_GUIDE KEY_SUBTITLE KEY_ASPECT ...

Selección del editor

Agregue un nuevo párrafo en una diapositiva de PowerPoint 2007 - Dummies

Agregue un nuevo párrafo en una diapositiva de PowerPoint 2007 - Dummies

Para agregar un nuevo párrafo a una diapositiva con el esquema de PowerPoint que aparece en la pestaña del esquema de PowerPoint, mueva el punto de inserción al final del párrafo que desea que siga el nuevo párrafo y luego presione Entrar. PowerPoint crea un nuevo párrafo en el mismo nivel de esquema que el párrafo anterior ...

¿Qué hay de nuevo en Microsoft Outlook 2016? - Dummies

¿Qué hay de nuevo en Microsoft Outlook 2016? - Dummies

La versión de Outlook 2016 se centra principalmente en eliminar la confusión de la interfaz de usuario y simplificar su flujo de trabajo. Microsoft Outlook es el cliente de correo electrónico empresarial más favorecido del mundo. La aplicación ya ofrece una excelente integración con contactos, calendarios, notas, tareas y, por supuesto, correo electrónico. Outlook 2016 se centra en eliminar la confusión de la interfaz de usuario y simplificar el flujo de trabajo. Algunos de los nuevos ...

Agregue una nueva diapositiva a su presentación de PowerPoint 2007 - Dummies

Agregue una nueva diapositiva a su presentación de PowerPoint 2007 - Dummies

Puede agregar una nueva diapositiva de PowerPoint a su presentación de muchas maneras cuando está trabajando con el esquema de PowerPoint. Esta lista muestra los métodos más populares para agregar una nueva diapositiva a su presentación: Promueva el texto existente: Promueva un párrafo existente al más alto nivel. Este método divide una diapositiva en dos diapositivas. Promocione ...