Cada regla CSS tiene dos partes: el selector (qué elemento o elementos afecta) y el bloque de declaraciones (qué estilos aplicar). El bloque va entre llaves { }. Dentro del bloque, cada declaración consta de una propiedad, dos puntos, un valor y un punto y coma. Por ejemplo: color: blue; aplica el color azul a la propiedad color.

Puedes profundizar en la guía de estructura CSS de MDN o en LenguajeCSS.

Los comentarios permiten documentar tu código o desactivar reglas temporalmente. Se escriben entre /* y */. No se pueden anidar: un comentario dentro de otro con la misma sintaxis no es válido.

La forma recomendada es usar un archivo .css externo y enlazarlo en el con . Así el mismo CSS puede usarse en varias páginas. Para pruebas rápidas puedes usar la etiqueta dentro del y escribir las reglas ahí; el navegador las aplicará solo a esa página.

url() se usa en propiedades como background-image o @font-face para cargar archivos. Lo importante no es memorizar la sintaxis, sino entender desde dónde se resuelve la ruta.

Si la ruta es relativa, parte desde la ubicación del archivo CSS. Si es absoluta (https://...), apunta a un recurso externo. Cuando una URL falla, revisa primero la ruta, no la propiedad CSS.