¿Qué es CSS3?
Es un lenguaje con el cual le indicamos el estilo con el que se deben mostrar los distintos elementos HTML. CSS significa Cascadind style sheets (hojas de estilo en cascada).¿Dónde se usa?
El CSS se puede usar de 3 modos distintos:- En un archivo separado con extensión .css. Esta opción no es viable directamente con blogger. Lo que sí se puede, es añadir nuestras órdenes css a la plantilla que usemos, pero eso lo veremos más adelante.
- En la cabecera (<head></head>) de un documento HTML añadimos la etiqueta <style></style> y dentro de ella escribimos las órdenes. Esta opción no la podemos usar en blogger ya que no tenemos acceso a la cabecera del documento.
- Directamente dentro de la etiqueta usando el atributo style="" e insertando dentro de las comillas las órdenes separadas por punto y coma (;).
Formato
Si el CSS se usa en un archivo o en la cabecera de un documento, el formato es el siguiente:selector {propiedad:valor; propiedad2:valor2;...}
Si lo usamos directamente dentro de una etiqueta usando el atributo style;
style="propiedad:valor; propiedad2:valor2;..."
Primeras propiedades
| propiedad | función |
|---|---|
| color | para cambiar el color del texto |
| background-color | para cambiar el color de fondo |
| border | para cambiar el borde |
| width | para indicar el ancho |
| height | para indicar el alto |
Ejemplo: cambiamos color de texto, color de fondo y borde
ejemplo de uso de css
<h3 style="color:red; background-color:lightblue; border:2px solid green;">ejemplo de uso de css</h3>
colores
Los colores se pueden indicar mediante su código en hexadecimal pero también se pueden usar muchos colores predefinidos mediante su nombre.Buscando encontrarás muchos sitios web que te permiten seleccionar colores y averiguar su código y que también proporcionan sus nombres. Aquí tienes dos sitios adecuados para ello:
Unidades de medida
Existen muchas unidades de medida distintas (em, ex, %, px, cm, mm, in, pt, pc, ch, rem, vh, vw, vmin, vmax).Nosotros usaremos px (pixels).
No hay comentarios:
Publicar un comentario