jueves, 12 de abril de 2018

¿Qué es Responsable Web Design u Hoja de Estilo?

Es una técnica que nos permite que los distintos diseños web se adapten a los diferenes tamaños de pantallas.

Son archivos  anexos que se asocian a archivos de texto, y su principal función es definir un mismo estilo para todas las páginas de un sitio web.  Cualquier cambio realizado en la hoja de estilo afecta  instantáneamente a todas las páginas de un sitio web. Gracias a estas herramientas podemos definir: color, fuente de letra, márgenes, bordes, composición, etc.

Para poder acceder a estas hojas de estilo es necesario interactuar con las extensiones HTLM. Accediendo al HTML podemos modificar cualquier aspecto del sitio web y nos permitirá cambiar cualquier rango de la hoja de estilo y por consecuencia cualquier aspecto del sitio web.

                                                                                             Algunas etiquetas  HTML son:

  • <body> … </body> . Contienen todos los caracteres que forman la página web.
  • <h1> … </h1>, …, <h6> …</h6>. Permiten definir títulos de distintos tamaños (hasta 6).
  • <p> … </p>. Contienen el texto de un párrafo.
  • <a href=”http://...”>Texto del enlace</a>. Se utiliza para crear enlaces.


Datos a tener en cuenta:
-Un error bastante habitual es escribir los caracteres < y > en la hoja de estilo.

-El formato final de cualquier elemento depende de la combinación de todas las propiedades que afectan al elemento. La denominación de hojas de estilo en cascada hace referencia precisamente a este hecho. En la lección Estilos en cascada se detallan las reglas que emplean los navegadores.

-Aunque no es incorrecto, no se aconseja repetir selectores, ya que distribuye la información en varios lugares de la hoja de estilo y eso dificulta la lectura e interpretación de la hoja de estilo a los lectores humanos.

- Una hoja de estilo puede contener comentario, y estos pueden extenderse varias líneas.

No hay comentarios:

Publicar un comentario