¿Qué es CSS?


PorUgaoProject

¿Qué es CSS?

¿Qué es CSS?, ¿Para que se usa?, ¿Como se usa? En este post vamos a intentar explicar de una manera facil y rápida en que consiste CSS y entender cual es su cometido a la hora de diseñar una página o aplicación web.


Cascading style sheet o hoja de estilos en cascada


Qué es

CSS es un lenguaje de diseño que se usa para establecer el diseño de las páginas o aplicaciones web.

Su cometido consiste en permitir separar el contenido, del diseño o presentación. Esto tiene grandes ventajas, como por ejemplo tener un código html mas limpio y fácil de mantener.

Pero sobre todo la principal ventaja es que se puede y en parte se debe (en la manera que nos sea posible), escribir todo el código CSS en un archivo con extensión css y vincularlo con todos los archivos html o php. De esta manera conseguiremos que la web cargue mas rápido y sobre todo facilitaremos el mantenimiento muchisimo ya que haciendo un único cambio se verá reflejado en todas las páginas de nuestro sitio web.

CSS 3

Es la versión actual de CSS, la cual además de todas las características de versiones anteriores añade funcionalidades como:

  • Transparencias
  • Transformaciones
  • Bordes redondeados
  • Sombras
  • Animaciones
  • etc.

Como incluir CSS en tu página web

Hay 3 maneras de incluirlo:

1 – En linea

Se aplica como atributo de una etiqueta html y solo tendrá efecto sobre ella:

2 – Embebido

Se habilita un espacio (normalmente dentro del

) dentro de un documento html en el que escribir css que afectara solo a este documento:

3 – Externo

Se agraga todo el css en un documento externo con extension .css y se vincula con todos los documentos a los que se quiera haga efecto mediante la siguiente linea:

Sintaxis CSS

Como usar CSS es para darle aspecto a algo, ese algo habrá que seleccionarlo (selector). Además de seleccionarlo debero de acotar la zona que corresponda a estilos para ese selector mediante llaves {}. Y finalmente se establecen pares de propiedades:valores separando unos de otros mediante ‘;’.

Sobre el autor

UgaoProject administrator

Deja un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información. ACEPTAR

Aviso de cookies