Html y Css

html-css

Html no es un lenguaje de programación, es un lenguaje de marcas de hipertexto, para la creación de paginas web.El lenguaje HTML se basa en la referenciación. Al añadir un elemento externo a la página (imagen, vídeo, script, etc.), este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto. HTML es un lenguaje que permita que cualquier página web, pueda ser interpretada de la misma forma por cualquier navegadores web.

CSS hojas de estilo en cascada hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL.

Inicio desactivadoInicio desactivadoInicio desactivadoInicio desactivadoInicio desactivado
Al desaparecer Internet Explorer ya no tiene sentido este Proyecto, por ello lleva parado desde 2017.

Cuando llego CSS3, la versión actualizada de CSS , la cual tiene características de estilo como: esquinas redondeas, degradados en rellenos, sombras suaves y largo etc. Los diseñadores por supuesto les encantan utilizar este tipo de características, empiezan a utilizarlas, pero se encontraron con el problema que "Internet Explorer" no las reconoce.

A de este problema nace el proyecto CSS3 PIE, ya que podemos utilizar atributos muy sencillos de CSS3, sin preocuparse de Internet Explorer los acepte los atributos, puesto que se encarga CSS3 Pie gestionarlo.

Por eso conocí CSS3 PIE que es (PIE) Progresivo Internet Explorer, donde se trata de un proceso adjunto que permite los navegadores IE, podamos utilizar algunas de las características anteriores y se vean perfectamente en IE.

CSS3PIE-artic-html-css

Degradado

  1. background: -moz-linear-gradient(left, tomato, cyan, lightgreen);/* F 3.6+ */
  2. background: -ms-linear-gradient(left, tomato, cyan, lightgreen);/* IExplorer 10+ */
  3. background: -webkit-linear-gradient(left, tomato, cyan, lightgreen);/* FF 3.6+ */
  4. background: -o-linear-gradient(left, tomato, cyan, lightgreen);/* Safari 5.1+, Chrome 10+ */
  5. background: linear-gradient(left, tomato, cyan, lightgreen);/* ESTILO ESTANDAR */

Para los antiguos navegadores como internet explorer 6 + utilizaremos filtros, algo asi:

  1. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#000000’, endColorstr=’#ffffff’);  /* IE6 & IE7 */ /*NO FUNCIONA*/
  2. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=’#000000’, endColorstr=’#ffffff’)";  /* IE8+ */

Parametros de filter:

     - GradientType : 1 significa horizontal y 0 vertical.

     - StartColorStrUn valor de cadena que representa el color inicial. Para nuestro gradiente empezamos con negro (# 000000) y terminamos con el azul (# 0000FF).

     -EndColorStrUna cadena que representa el color final para nuestro degradado.