Son conocidas como style sheets. Se trata de una serie de conjuntos de instrucciones, a veces en forma de archivo anexo, que se asocian a los archivos de texto y se ocupan de los aspectos de formato y de presentación de los contenidos: tipo, fuente y tamaño de letras, alineación y posicionamiento del texto, colores y fondos, etc., de las distintas etiquetas que forman una página.
El funcionamiento de las hojas de estilo es el siguiente:
- En la página web (archivo .html) se escriben las etiquetas que definen categorías o elementos.
- En la hoja de estilo (archivo .css) se escribe cómo queremos que sea el estilo de presentación de las etiquetas (color, tamaño, fuente, bordes, márgenes, posición, etc).
- En la página web se escribe qué hoja de estilo queremos utilizar.´
Se puede crear una sola hoja de estilo y se enlazan algunas o todas las páginas. De esta manera, al hacer el cambio en la hoja de estilo, se cambiarán todas aquellas que estén vinculadas
Ejemplo práctico para crear mi propia página con hojas de estilo:
- Clic en el botón Inicio y escribir Bloc de notas (Notepad)
- En la parte superior aparece el programa .
- Da clic en bloc de notas y se carga la aplicacion
- . Escribiremos el siguiente código:
5. Luego, escogemos el menú Archivo y la opción Guardar. En la ventana que aparece, se pondrá el nombre. Por ejemplo, pract3.html.
No olvides escoger la ruta para guardar la página web.
6. En la parte superior aparece el nombre que pusimos
7. Busca el archivo en la ruta en la que lo guardaste y haz doble clic. Entonces, se abrirá en el navegador que tengas predeterminado, como se puede observar a continuación:
Revisa el siguiente enlace:
Recuerda que la hoja de estilos es clave para establecer el diseño de una web. Por lo tanto, se convierte en el principal espacio de trabajo para los diseñadores de estas plataformas.
No hay comentarios:
Publicar un comentario