Descarga

Anuncio
 (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.
Descargar