Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 01-jun-2004, 00:00   #1 (permalink)
pandobox está en el buen camino
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 198
Aplicando la misma fuente a determinados textos

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
__________________
Pandobox
pandobox está desconectado   Responder Citando
Antiguo 01-jun-2004, 00:46   #2 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.393
Alegría

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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Antiguo 01-jun-2004, 00:52   #3 (permalink)
pandobox está en el buen camino
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 198
Como hago el llamado ???

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
__________________
Pandobox
pandobox está desconectado   Responder Citando
Antiguo 01-jun-2004, 01:36   #4 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.393
Alegría

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
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Antiguo 01-jun-2004, 01:48   #5 (permalink)
pandobox está en el buen camino
 
Fecha de Ingreso: junio-2003
Ubicación: Boston USA
Mensajes: 198
Ahora si!!

Gracias ya aclarastes mi duda,
__________________
Pandobox
pandobox está desconectado   Responder Citando
Antiguo 01-jun-2004, 02:02   #6 (permalink)
Colaborador
PatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy prontoPatomaS llegará a ser famoso muy pronto
 
Avatar de PatomaS
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.393
Alegría

Nada nada

a mandar

Felicidad
__________________
De vuelta por aquí, más o menos

¡ hey, hou, hou, hey !
PatomaS está desconectado   Responder Citando
Respuesta

No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 20:08.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93