Visita la Nueva Versión de ComoCrearTuWeb!!
Los Estilos CómoCrearTuWeb > Menú Principal > Los Estilos > Est. Predet.
Introdución Su Utilidad

 

Opciones de Estilo

Est. Predeterminados Nuevos Estilos Para una página Para toda la Web

 

Creando Hojas de Estilos

Requerimientos Sintaxis Las Propiedades Las Unidades

 

Asociando Hojas de Estilo

Como Asociar la Hoja

 

Aplicando Hojas de Estilo

Opciones A Nivel de Bloque A Nivel de Línea De una Sola Vez

 

Ejemplos Prácticos

Antes de ... Ejemplo I Ejemplo II Ejemplo III Ejemplo IV Ejemplo V

 

Cosejos Finales

Recomendaciones Simplificando Depurando

Foro de Estilos

Al Menú Principal


Página Anticuada. Visita la nueva versión.


 

Existen distintos modos de insertar los Estilos en una web. La elección de cada uno de esos modos depende de las características de cada uno de ellos. Al final sois vosotros los que tendréis que elegir que modo utilizar, en función de lo que os indique en lo sucesivo.

En definitiva, podemos: 1.- usar los Estilos Predeterminados, 2.- redefinir estos estilos predeterminados y acomodarlos a nuestro gusto, y por último, 3.- crear nuevos Estilos.

Estilos Predeterminados

Existen varios tipos de estilo ya definidos en cualquier navegador, es decir, todos los Navegadores los conocen y no hay necesidad de especificarlos en nuestra página. Ejemplos de estos tipos de Estilos Predeterminados son:

  • <b> loquesea </b> : Indica que las palabras contenidas entre esas etiquetas deben mostrarse en Negrita. (Una etiqueta, para entendernos, es lo contenido entre <>, en estos casos son etiquetas <b> y </b>.
  • <p> loquesea <p> : Indica que lo contenido entre esas etiquetas forman un párrafo con unas propiedades de formato (una forma) predeterminadas.
  • <i> loquesea <i> : Indica que el texto entre las etiquetas debe ir en cursiva.
  • <BODY> ..... </BODY>: Indica que comienza el cuerpo de la página. Ente las propiedades que lleva predeterminadas estan, un color de fondo blanco, ninguna imagen de fondo, etc. Por eso, si queremos otro color o una imagen de fondo hay que decirselo aparte.
  • <H1> esto es un titulo </H1>: Indica que lo incluido ente esas etiquetas forman un título con unas propiedades predeerminadas.
  • y un monton más, como <H2>, <H3>....<H6>, <pre>, <caption>, <ymás y más>.

Hay muchos más, pero no quiero aburriros demasiado. Estos tipos (selectores) de Estilos no hace falta definirlos, pues ya lo conocen todos los Navegadores. De modo que si, por ejemplo queréis que una parte del texto de vuestra web aparezca con aspecto de título, no teneis más que escoger entre los distintos tipos de título predeterminados, como los selectores H1, H2, etc. Si en cambio deseáis que el texto tenga apariencia de código, usais los selectores <code> y </code> e introducís el texto deseado entre ellos. Yo suelo usar el selector Code cuando escribo código HTML, y se muestra de color azul y con un tipo de letra específica. De este modo me ahorro tener que definir el color, forma, etc cada vez que quiera mostrar algo con ese aspecto.

Ahora no nos vendría nada mal realizar algún ejemplo para ver lo que os cuento. Iros al Ejemplo I (en el menú de la izquierda) y así veremos todo esto más claro.

Posiblemente esto no os supone nada nuevo, pues todos habéis puesto algún fragmento de texto en negrita o cursiva alguna vez sin necesidad de conocer todo esto, pero confiad en mi. Esto os ayudará a comprender mucho mejor las siguientes lecciones. Además, el saber no ocupa lugar (bueno, eso dicen...mi disco duro no piensa de la misma manera "er mu jodio", je je je... La enciclopédia Espasa Calpe es otra excepción que confirma la regla. ;)

¿Sabias que..?

Dinos Algo..

Entra en el nuevo Foro CCTW


Esta versión es antigua. Visita la nueva web de: ComoCrearTuWeb


Entra en el nuevo Foro CCTW


Mas Cosillas..

Acerca de CCTW

Foro de Posicionamiento en Buscadores
ChatCCTW  Actualizaciones  Recomendar  Colabora  Errores?  Agradécemelo  Escríbeme
Actualizada el Sábado, 15-Mar-2008 18:01 Creada y diseñada por Jorgens