Notas de Estudio de CSS

<link rel="stylesheet" href="xxx.css">

selector {
  propiedad: valor;
}

h1,
h2,
h3 {
  color: azul marino;
}

/* Color del texto */
color: #56a455;

/* Color de fondo */
background-color: azul;

/* Opacidad */
/* Valores entre 0.0 y 1.0 */
opacity: 0.5;

/* Tamaño de fuente */
font-size: 200%;

/* Selección de fuentes */
/* Fuentes locales */
font-family: "Courier New", Courier, monospace, nombre-de-fuente-externa;

/* Fuentes externas */
@font-face {
  font-family: nombre-de-fuente-externa;
  src: url("dirección-de-fuente-externa");
}

/* Negritas */
font-weight: bold;

/* Cursivas */
font-style: italic;

/* Mayúsculas y minúsculas */
/* uppercase, lowercase, capitalize (con mayúscula inicial) */
text-transform: uppercase;

/* Subrayado */
text-decoration: underline;

/* Tachado */
text-decoration: line-through;

/* Espaciado entre líneas */
line-height: 1.4em;

/* Alineación de texto */
/* left, right, center, justify (justificación) */
text-align: left;

/* Enlace no visitado */
a:link {
  color: #ff0000;
}

/* Enlace visitado */
a:visited {
  color: #00ff00;
}

/* Desplazarse sobre el enlace */
a:hover {
  color: #ff00ff;
}

/* Enlace activo */
a:active {
  color: #0000ff;
}

[
  [
    "display",
    "visibility",
    "float",
    "clear",
    "overflow",
    "overflow-x",
    "overflow-y",
    "clip",
    "zoom"
  ],
  [
    "table-layout",
    "empty-cells",
    "caption-side",
    "border-spacing",
    "border-collapse",
    "list-style",
    "list-style-position",
    "list-style-type",
    "list-style-image"
  ],
  [
    "position",
    "top",
    "right",
    "bottom",
    "left",
    "z-index"
  ],
  [
    "margin",
    "margin-top",
    "margin-right",
    "margin-bottom",
    "margin-left",
    "box-sizing",
    "border",
    "border-width",
    "border-style",
    "border-color",
    "border-top",
    "border-top-width",
    "border-top-style",
    "border-top-color",
    "border-right",
    "border-right-width",
    "border-right-style",
    "border-right-color",
    "border-bottom",
    "border-bottom-width",
    "border-bottom-style",
    "border-bottom-color",
    "border-left",
    "border-left-width",
    "border-left-style",
    "border-left-color",
    "border-radius",
    "border-top-left-radius",
    "border-top-right-radius",
    "border-bottom-right-radius",
    "border-bottom-left-radius",
    "border-image",
    "border-image-source",
    "border-image-slice",
    "border-image-width",
    "border-image-outset",
    "border-image-repeat",
    "padding",
    "padding-top",
    "padding-right",
    "padding-bottom",
    "padding-left",
    "width",
    "min-width",
    "max-width",
    "height",
    "min-height",
    "max-height"
  ],
  [
    "font",
    "font-family",
    "font-size",
    "font-weight",
    "font-style",
    "font-variant",
    "font-size-adjust",
    "font-stretch",
    "font-effect",
    "font-emphasize",
    "font-emphasize-position",
    "font-emphasize-style",
    "font-smooth",
    "line-height",
    "text-align",
    "text-align-last",
    "vertical-align",
    "white-space",
    "text-decoration",
    "text-emphasis",
    "text-emphasis-color",
    "text-emphasis-style",
    "text-emphasis-position",
    "text-indent",
    "text-justify",
    "letter-spacing",
    "word-spacing",
    "text-outline",
    "text-transform",
    "text-wrap",
    "text-overflow",
    "text-overflow-ellipsis",
    "text-overflow-mode",
    "word-wrap",
    "word-break"
  ],
  [
    "color",
    "background",
    "background-color",
    "background-image",
    "background-repeat",
    "background-attachment",
    "background-position",
    "background-position-x",
    "background-position-y",
    "background-clip",
    "background-origin",
    "background-size"
  ],
  [
    "outline",
    "outline-width",
    "outline-style",
    "outline-color",
    "outline-offset",
    "opacity",
    "box-shadow",
    "text-shadow"
  ],
  [
    "transition",
    "transition-delay",
    "transition-timing-function",
    "transition-duration",
    "transition-property",
    "transform",
    "transform-origin",
    "animation",
    "animation-name",
    "animation-duration",
    "animation-play-state",
    "animation-timing-function",
    "animation-delay",
    "animation-iteration-count",
    "animation-direction"
  ],
  [
    "content",
    "quotes",
    "counter-reset",
    "counter-increment",
    "resize",
    "cursor",
    "user-select",
    "nav-index",
    "nav-up",
    "nav-right",
    "nav-down",
    "nav-left",
    "tab-size",
    "hyphens",
    "pointer-events"
  ]
]