CSS “Cascading Style Sheets”

Definición y uso

Es un lenguaje que se utiliza en los documentos HTML. Se utiliza para organizar la presentación y aspectos de una página web, da múltiples opciones de presentación como colores, tipos y tamaños de letras, etc. Es realmente útil para mejorar la parte visual de un sitio web de forma efectiva y ahorrando mucho trabajo.

Sintaxis

CSS basa su sintaxis en el selector de tipo y una declaración, los cuales son los dos elementos principales.

css-sintaxis

El selector de tipo se utiliza para especificar a que tipo de etiqueta se le aplica el estilo. Y la declaración es donde se especifica el estilo de la etiqueta, este espacio es determinado por paréntesis y normalmente esta compuesta por:

  • Propiedad: Una misma etiqueta puede tener una o varias propiedades. Son seguidas por el carácter “:” (dos puntos).
  • Valor: Están asociados por cada propiedad. Se pueden separar por “,” (comillas) sí hay muchos valores, y todos seguidos por “;” un punto y coma.

css-sintaxis

Estructura

La estructura es definida por una cabecera y un pie, un menú lateral de navegación y una zona de contenidof1208

El CSS se basa en el uso de diferentes propiedades como:

  • float: Para elementos posicionados como el menú y el contenido.
  • clear: Se usa para evitar los solapamientos ocasionados por los elementos posicionado con el float, normalmente se usa en el pie de página.
PÁGINAS INTERESANTES CON EJEMPLOS, REFERENCIAS Y TUTORIALES
  • Ciudadano 2.0:  Cuenta con buena información para iniciar a entender  CSS y muestra cada propiedad básica que se debe entender para comenzar a realizar páginas web, contando con diferentes ejemplos.

Link: http://www.ciudadano2cero.com/aprender-css-basico-desde-cero/

Captura de pantalla 2015-04-14 a las 11.00.48 p.m.

  • Desarrollowe6: Página completa con manual, ejemplos y sobretodo con videos tutoriales con diferentes capítulos para entender de una forma interactiva el lenguaje CSS.

Captura de pantalla 2015-04-14 a las 11.04.35 p.m.

  • w3schools: Es la página más completa para aprender y encontrar referentes para utilizar CSS, trae definiciones claras y diversidad de ejemplos.

Link: http://www.w3schools.com/css/

Captura de pantalla 2015-04-14 a las 11.11.22 p.m.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s