MEJOR SITIO PARA DESARROLLADORES WEB

CSS Tutorial

CSS HOGAR Introducción a CSS Sintaxis CSS Selectores CSS Cómo utilizar CSS Comentarios CSS Colores CSS CSS Antecedentes CSS Bordes CSS Márgenes Relleno CSS Alto/Ancho CSS Modelo de caja CSS Esquema CSS CSS Texto CSS Fuentes Iconos CSS Enlaces CSS Listas CSS Tablas CSS CSS Display CSS Max-width CSS Position CSS z-index CSS Overflow CSS Float bloque CSS en línea Alineación CSS Combinadores CSS Pseudoclase CSS Pseudoelemento CSS Opacidad CSS Barra de navegación CSS Despliegues CSS Galería de imágenes CSS Sprites de imagen CSS Selectores de atributos CSS Formularios CSS Contadores CSS Diseño de sitio web CSS Unidades CSS Especificidad de CSS CSS !important Funciones matemáticas CSS

CSS avanzado

CSS Esquinas redondeadas Imágenes de borde CSS Fondos CSS Colores CSS Palabras clave de color CSS Degradados CSS CSS Oscuridad Efectos de texto CSS Fuentes web CSS Transformaciones CSS 2D Transformaciones CSS 3D Transiciones CSS Animaciones CSS Información sobre herramientas CSS Imágenes de estilo CSS Reflejo de imagen CSS objeto CSS-fit posición-objeto CSS Enmascaramiento CSS Botones CSS Paginación CSS CSS múltiples columnas Interfaz de usuario CSS Variables CSS CSS Box Sizing Consultas de medios CSS Ejemplos de CSS MQ CSS Flexbox

CSS Responsivo

Introducción a RWD Vista RWD Vista de cuadrícula RWD Consultas de medios RWD Imágenes RWD Vídeos RWD Marcos RWD Plantillas RWD

CSS Grid

Grid Introducción Grid Container Grid Item

CSS SASS

SASS Tutorial

CSS Ejemplos

Plantillas CSS Ejemplos de CSS Fragmentos CSS Prueba CSS Ejercicios CSS Certificado CSS

CSS Referencias

Referencia CSS Selectores CSS Funciones CSS Referencia CSS auditiva Fuentes CSS web seguras CSS animable Unidades CSS Convertidor CSS PX-EM Colores CSS Valores de color CSS Valores predeterminados de CSS Compatibilidad con navegador CSS

CSS Lecciones para principiantes

Ua En De

CSS Sintaxis


Una regla CSS consta de un selector y un bloque de declaración.


CSS Sintaxis

CSS selector

El selector apunta al elemento HTML al que desea aplicar estilo.

El bloque de declaración contiene una o más declaraciones separadas por punto y coma.

Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos puntos.

Varias declaraciones CSS están separadas por punto y coma y los bloques de declaración están rodeados por llaves.

Ejemplo

En este ejemplo, todos los elementos <p> estarán alineados al centro, con un color de texto rojo:

p {
  color: red;
  text-align: center;
}
Try it Yourself »

Ejemplo explicado

  • p es un selector en CSS (apunta al elemento HTML al que desea aplicar estilo: <p>).
  • color es una propiedad y red es el valor de la propiedad
  • text-align es una propiedad y center es el valor de la propiedad

¡Aprenderá mucho más sobre los selectores de CSS y las propiedades de CSS en los próximos capítulos!


CSS — Sintaxis

Este vídeo es una breve introducción a la sintaxis CSS.

¡Parte de una serie de tutoriales en vídeo para aprender CSS para principiantes!



Comentarios