Aplicando la misma fuente a determinados textos

pandobox · #1 (**permalink**) 01/06/2004, 00:00

Bueno ya se que me van ha decir por que no mire las faqs? busque pero no logre dar con lo que queria, pero si encontre un enlace que me parece bueno pero como es extenso (http://www.sidar.org/recur/desdi/mcss/manual/indice.php) me toca estudiarlo con calma, por lo pronto me gustaria saber para ir adelantando como logro que ciertas fuentes en determinadas partes de mi pagina trabajen el mismo estilo de fuentes (mismos atributos) y no tenga que estar usando o repitiendo siempre la etiqueta <font + etc> </font> para aplicar el atributo a los textos que quiero, supongo que los con la funcion <style> se manejaria mejor!!

bueno espero alguna colaboracion, Gracias

PatomaS · #2 (**permalink**) 01/06/2004, 00:46

Hola

Bueno, de entrada, te recomiendo que revises con mucha calma el vínculo que pasate puesto que es una de las traducciones de la versión oficial de las css2.

Sobre tu pregunta, hay varias maneras.

SI por ejemplo quieres aplicar el estilo a un párrafo específico, lo harías así:

<p style="font-family: Verdana, Arial, Helvetica, sans-serif; font-sice: 10pt;"> aquí va el texto del párrafo </p>

Si lo quieres aplicar a varios párrafos y no quieres poner esa línea en cada uno, lo harías así:

<head>
<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-sice: 10pt;
}
</style>
</head>

De esa manera lo aplicas a todos los párrafos de la página.

y si lo quieres aplicar a diferentes elementos, unos <p>, otros <h1>, por ejemplo, lo harías así:

<head>
<style type="text/css">
.mi_formato {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-sice: 10pt;
}
</style>
</head>

<p class="mi_formato"> este es el texto </p>
<h2>esto no está definido dado que no tiene el atributo class</h2>
<h1 class="mi_formato">estos si está definido pues tiene la clase</h1>

Espero que te sirva.

Felicidad

pandobox · #3 (**permalink**) 01/06/2004, 00:52

Gracias patomas por responder, y perdona la pregunta si paso por ignorante pero una ves que defino los stilos arriba en el <head>

<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-sice: 10pt;
}
</style>

como hago el llamado a x o y estilo en el parrafo en que lo quiero aplicar???

te refieres a esto : <p class="mi_formato"> este es el texto </p>

Gracias de nuevo

PatomaS · #4 (**permalink**) 01/06/2004, 01:36

Hola

a ver, primero no entiendo lo de «a x o»...

Si tu pregunta es: Una vez definido el estil oen el head, ¿cómo se aplica a los párrafos?

La respuesta es:

Puedes definir estilos propios, por ejemplo «.miestilo» esos estilos lo aplicas con el atributo class en las etiquetas que quieras.

Otra forma es que redefinas propiedades de etiquetas ya existentes, la <p>, es la eqtiqueta html para indicar párrafo, por lo tanto, cuando hacemos:

<style type="text/css">
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-sice: 10pt;
}
</style>

estamos redefiniendo todas las <p> del documento para que tengan ese estilo, en este caso que utilicen la fuente verdana o arial y con 10 puntos de tamaño. Es decir, no tendrías que utiliza el atributo class en ninguna p.

El método de redefinir etiquetas ya existentes, es útil cuando la página no es muy compleja y estás seguro de que todas las apariciones de esa etiqueta deberán tener el mismo formato. Como te decía, en el ejemplo que te pongo, todas las <p>, es decir, todos los párrafos, tendrían el mismo estilo.

Si solo quieres que algunos bloques tengan ese estilo, utilizas el método de definir tu propio estilo, para lo cual escribes un punto «.»seguido de un nombre y luego defines que quieres que haga. Para aplicar ese método dentro de la página, has de usar el class.

Espero haberme explicado bien, pero si no es así, vuelve por aquí y vemos que más se puede hacer.

Felicidad

pandobox · #5 (**permalink**) 01/06/2004, 01:48

Gracias ya aclarastes mi duda,

PatomaS · #6 (**permalink**) 01/06/2004, 02:02

Nada nada

a mandar

Felicidad