(RECURSO ): CSS Para entender lo que es CSS. ¿Qué puedo hacer con CSS? CSS es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo, CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas. CSS son las siglas de Cascading Style Sheets, en español Hojas de estilo en Cascada Es posible usar HTML, o incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día. ¿Cómo funciona? El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre llaves y consiste en una propiedad o atributo, y un valor separados por dos puntos. Ejemplos: h1 {color: red;} h1 es el selector {color: red;} es la declaración Debemos tener en cuenta lo siguiente: Background-color: es un propiedad de CSS que define el color de fondo de un elemento Font-family: establece la fuente o tipo de letra con la que se muestra el texto Width: especifica el ancho del área del contenido de un elemento. Margin: establece la anchura de algunos o todos los márgenes de los elementos text-align: Establece la alineación del contenido de un elemento de bloque Color: Establece el color de letra utilizado para el texto. Se pueden indicar de cinco formas diferentes: palabras clave, colores del sistema, RGB hexadecimal, RGB numérico y RGB porcentual Display: nos permite establecer el tipo de caja que el navegador empleará para visualizar un elemento, siendo los tipos más comunes inline y block, aunque existen bastantes otros. Margin-right establece la anchura de su margen derecho Cursor: especifica el tipo de cursor que se mostrara cuando este se encuentre sobre un elemento border-radius: permite definir qué tan redondeadas serán las esquinas. La redondes de cada esquina está definida usando uno o dos valores para el radio que define su forma dependiendo si es un círculo o una elipse. Padding: Establece la anchura de algunas o todas las zonas de relleno de los elementos. box-shadow: describe uno o más efectos de sombra como una lista separada por comas. Permite proyectar una sombra difuminada en la estructura de casi cualquier elemento. font-weight: especifica el peso o grueso de la letra.