Trucos Informaticos

{CSS}
TUTORIAL COMPLETO DE

HOJAS DE ESTILO EN CASCADA
Por: TSU Néstor J. García

Acerca del autor:
Néstor José García actualmente cursa estudios de Ingeniería en Informática (últimos 2
trimestres) en el recién Politécnico del Estado Bolívar (IUTEB) , sede en Ciudad
Bolívar – Estado Bolívar. Venezuela. Ha realizado varios talleres y/o programas en las
s iguientes especialidades:Hardware y Software del computador con la Academia Cisco Networking local
(Estado Bolívar). Nivel: medio
Redes inalámbricas y c ableadas. Nivel: básico
Programación en los lenguajes Visual Basic, HTML, CSS, Javascript, PHP,
MySQL y C++.
Diseño grafico (Photoshop, Corel Draw, PhotoScape). Nivel: medio
Conocimientos en Front page, Komposer y Dreamweaver MX. Nivel: medio
Reparación y mantenimientode PCs. Nivel: medio
Instalación de Antivirus. Nivel: experto
Administración de sistemas operativos W indows XP, vista y 7. Nivel: avanzado
Software Libre (UB UNTU). Nivel: medio

Además estudia la carrera técnica de Relaciones Industriales en el Instituto
Universitario de Tecnología “Antonio José de Sucre” 4º semestre.
Con el siguiente manual (que está dividido en 3 capítulos y una tablacon casi todos
los atributos y propiedades de las CSS), pretendo involucrar a los estudiantes
principalmente de informática, o cualquier especialidad y que les interesen la
programación Web, conocer las Hojas de Estilo en Cascada (un lenguaje sencillo y
básico para el diseño de páginas y/o sitios Web).

Introducción:
Las páginas W eb han estado disponibles por varios años, pero su potenciae
importancia fueron muy ignoradas ya que existían pocas implementaciones. Los
autores Web, ansiosos de agregar creatividad a sus páginas i ncidiendo en la
presentación, comenzaron a usar las extensiones propietarias de Netscape en vez de
las más potentes hojas de estilo. Esto era muy natural, ya que las extensiones
propietarias de Netscape podían ser vistas por una parte significativa de losusuarios
de la Web, mientras que pocos podían ver mejoras c on hojas de estilo.
Hoy en día, más y más navegadores están implementando hojas de estilos, abriendo
los ojos de los autores a características únicas que permiten incidir sobre la
presentación y preservar la independencia de plataforma. Las ventajas de las hojas de
estilo se volvieron obvias, así como las desventajas de crearcontinuamente más
etiquetas HTML para efectos de presentación.
Las hojas de estilo pueden hacer mucho más sencilla la vida de un autor. Mientras que
uno podría usar para cada línea
horizontal, esto se vuelve muy engorroso para el autor. Con hojas de estilo, solo se
necesita especificar tal preferencia una vez, y el estilo puede ser aplicado a l sitio
c ompleto. Y si el autor decide queWIDTH="50%" sería mejor, solo necesita cambiar
esta preferencia en un solo lugar, e n vez de tener que buscar a través de cientos de
páginas para cambiar el HTML. Las hojas de estilo también reducen el tiempo de
descarga cuando un archivo contiene toda la información de estilos.
Las hojas de estilo también ofrecen m ucha m ayor flexibilidad en términos de los
efectos de presentación que brindan. Laspropiedades como color, background,
m argin, border, y muchas más pueden aplicarse a todos los elementos . Con hojas de
estilo, los autores pueden usar la propiedad text-indent para sangrar texto, en vez de
recurrir a desagradables artificios como o que acarrean muchos efectos laterales negativos. Los márgenes pueden ser
s ugeridos sin tener que poner la página entera en una tabla. Las hojasde estilo
también reducen la necesidad de búsqueda y reemplazo en mult i-archivos; si un autor
decide cambiar la sangría de todos los párrafos en un sitio, solo tiene que cambiar una
línea en la hoja de estilo.
Una hoja de estilo está compuesta de reglas de estilo que le dicen a un navegador
c omo mostrar un documento. Hay varias formas de enlazar estas reglas de estilo a sus
documentos...