Noticias, Diseño, Programas, Manuales, Etc.
Entradas etiquetadas con CSS
Curso de CSS – Llamar una hoja de estilos desde un archivo exterior (III)
6 sep
Llego la hora de continuar con este curso de CSS, después de un primer capitulo de introducción, y de un segundo capitulo de como definir y llamar estilos desde HTML.
En este capitulo veremos como crear un archivo solo con los estilos que usaremos en nuestro diseño para que solo tengamos que llamarlo desde el HTML y así cuando necesitemos modificar algo, solo tengamos que modificar ese archivo.
Una hoja de estilos externa tiene que llevar la extensión .css para poderlo llamar desde otro archivo, en este capitulo vamos a usar de ejemplo uno llamado:
style.css
Para esto, les pediré que creen un archivo llamado así, “style.css”, que podrán modificarlo con cualquier editor de texto plano, en lo personal les recomiendo Notepad++.
Una vez creado el archivo comenzaremos a aplicar los estilos, que serán los mismos que usamos en el capitulo 2, así que solo ingresamos el código CSS sin más complicaciones:
[code lang="css"]p {
color: #dd0000;
}[/code]
Ahora guardamos nuestro archivo, y creamos uno nuevo .html, por ejemplo:
pruebacss-capitulo3.html
En ese archivo entonces vamos a llamar a nuestra hoja de estilos, que se hace con la etiqueta <link> de la siguiente forma:
[code lang="html"] [/code]
Hay que prestar especial atención al parámetro media, que nos servirá especialmente para cuando tengamos una hoja de estilos según el dispositivo con el que accedan a nuestra pagina web, los cuales pueden ser definidos de la siguiente manera:
screen(valor por defecto) – para presentación en pantallas de computadoras.print– para salida a una impresora.rojection– para presentaciones en proyectores.aural– para sintetizadores de voz.braille– para presentación en dispositivos braille.tty– para pantalla en celda de caracteres (usando una fuente de inclinación fija).tv– para televisores.all– para todos los dispositivos de salida.
Así que una vez entendido esto, procedemos a importarlo en un archivo html y empezar a usarlo, como dije, usaremos el ejemplo del capitulo anterior, entonces esta vez sería así:
[code lang="html"]
Este texto es rojo
[/code]
Ahora, ponemos ambos archivos en una misma carpeta y probamos abriendo en nuestro navegador el archivo html, aquí tenemos el resultado:
Bueno, eso es todo en este capitulo, al siguiente veremos cuales son los diferentes estilos que podemos declarar en CSS, o al menos los más usuales.
Curso de CSS – Definir y llamar un estilo desde HTML (II)
5 sep
Para definir estilos desde HTML tenemos 2 formas de hacerlo, obviamente una es más eficiente que la otra, y aquí veremos las ventajas y desventajas de ambas.
La primer forma, que es la más ineficiente pero la más fácil de todas lleva una estructura mas o menos así:
[code lang="css"]
Estas letras son rojas.
[/code]
Esta forma se dice que es la más fácil de todas porque no necesitas haber declarado el estilo anteriormente y lo puedes hacer sobre la marcha, pero el inconveniente es que si queremos escribir algo con exactamente los mismos parametros entonces tendremos que volver a declararla, por ejemplo:
[code lang="css"]
Estas letras son rojas.
Estas letras también son rojas.
[/code]
Como ven, para hacer lo mismo se tuvo que declarar 2 veces el estilo.
La otra forma de declarar los estilos dentro de un HTML es desde el <Head>, usemos el mismo ejemplo:
[code lang="css"]
Este texto es rojo
[/code]
De esa forma declaramos el estilo que llevará la etiqueta <p> desde el header, que sería la más eficiente.
En el siguiente capitulo veremos como declarar estilos desde el header llamables solo el ciertas etiquetas, ósea que seas libre de usar o no usar esa en un <p>, por ejemplo.
Capitulo 1 – Introducción
Capitulo 3 – Llamar una hoja de estilos desde un archivo exterior
Curso de CSS: Introducción (I)
4 sep
CSS son las siglas de Cascade Style Sheet, que en español vendría siendo Hojas de estilo en cascada. Estas son usadas para definir los estilos en una pagina WEB, como son el color y tamaño de la letra, el tipo, la separación, el fondo de la pagina web, etc.
Durante este curso aprenderemos a usar CSS a un nivel básico-intermedio, cabe destacar que su servidor no es alguien que haya hecho grandes cosas con el, pero lo que si les aseguro es que tendremos más acercamiento por el hecho de que iremos aprendiendo a la par.
Espero que lo disfruten, y esperen el próximo capitulo que hablará sobre como definir los estilos desde HTML.
