Los últimos tutoriales de desarrollo web
×

CSS Tutorial

CSS CASA CSS Introducción CSS Sintaxis CSS Cómo CSS Colores CSS Antecedentes CSS Fronteras CSS márgenes CSS Relleno CSS Anchura altura CSS Texto CSS Fuentes CSS Campo de golf CSS lista CSS mesa CSS Modelo de cuadro esquema CSS CSS visualización CSS Anchura máxima Posición CSS CSS Flotador CSS Inline-block CSS Alinear CSS combinadores CSS Pseudo-clase CSS Pseudo-elemento CSS Barra de navegación CSS Menús desplegables CSS La información sobre herramientas CSS galería de imágenes CSS Opacidad imagen CSS Sprites de imagen CSS Attr selectores Formas CSS CSS contadores

CSS3

CSS3 Introducción CSS3 Esquinas redondeadas CSS3 Imágenes de frontera CSS3 Antecedentes CSS3 Colores CSS3 gradientes CSS3 Oscuridad CSS3 Texto CSS3 Fuentes CSS3 Transformaciones 2D CSS3 Transformaciones 3D CSS3 transiciones CSS3 animaciones CSS3 imágenes CSS3 Botones CSS3 Paginación CSS3 varias columnas CSS3 Interfaz de usuario CSS3 caja de medición CSS3 Flexbox CSS3 consultas de medios CSS3 Ejemplos MQ

CSS Diseño web adaptable

Diseño web adaptable Introducción Diseño web adaptable ventana Diseño web adaptable Vista en cuadrícula Diseño web adaptable consultas de medios Diseño web adaptable imágenes Diseño web adaptable vídeos Diseño web adaptable marcos

CSS Examples

CSS Ejemplos CSS Examen CSS Certificado

CSS References

CSS Referencia CSS selectores CSS funciones CSS referencia Aural CSS Web Safe Fuentes CSS animatable CSS Unidades CSS PX-EM Convertidor CSS Colores CSS Los valores de color CSS Los nombres de color CSS3 Soporte para el navegador

 

CSS Introducción


¿Qué es CSS?

  • CSS significa Cascading Style Sheets
  • CSS se describe cómo son elementos HTML que se mostrará en la pantalla, papel, o en otros medios
  • CSS ahorra mucho trabajo. Se puede controlar el diseño de varias páginas web a la vez
  • Estilo externas se almacenan enarchivos CSS

CSS Demo - Una página HTML - Múltiples estilos!

Aquí vamos a mostrar una página HTML que se muestra con cuatro hojas de estilo diferentes. Haga clic en la "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" enlaces de abajo para ver los diferentes estilos:


¿Por qué usar CSS?

CSS se utiliza para definir estilos para sus páginas web, incluyendo el diseño, la disposición y las variaciones en la imagen para los diferentes dispositivos y tamaños de pantalla.


CSS resuelto un problema grande

HTML fue nunca la intención de contener etiquetas para dar formato a una página web!

HTML fue creado para describir el contenido de una página web, como:

<h1> Este es un encabezado </h1>

<p> Este es un párrafo. </p>

Cuando las etiquetas como <font> , y se añadieron atributos de color a la especificación HTML 3.2, que comenzó una pesadilla para los desarrolladores web. Desarrollo de grandes sitios web, en los que se añadieron las fuentes y el color de la información de cada página, se convirtió en un proceso largo y costoso.

Para resolver este problema, el World Wide Web Consortium (W3C) ha creado CSS.

CSS elimina el estilo de formato de la página HTML!


CSS ahorra mucho trabajo!

Las definiciones de estilo se guardan normalmente en externos .css archivos.

Con una hoja de estilos externa, puede cambiar el aspecto de un sitio web completo cambiando un archivo!