soleis anidar estilos???

[00israel]

Como solucionais esto con CSS:

lkj laksdf lk asdlkfj llk
fdsfasdf adsf adsf df dfsadf

Es decir una situacion en la que teneis un parrafo con una primera linea de texto mas grande ademas en la segunda hay algo de texto en negrita y ademas texto cursiva.

En este caso no es conveniente aplicar un id llamado "p" a todo porque hay formatos distintos. Como lo solucionais?

[gmurop]

Se me ocurre algo asi:

<p id="parrafo"><div class="grande">lkj laksdf lk asdlkfj llk</div><br>fdsfasdf <div class="bold">adsf adsf</div> df dfsadf</p>

#parrafo.grande{
font-size:15px;
}

#parrafo.bold{
text-decoration:bold;
}

Solo defines las propiedades y metes en divs con ese class los que quieras que tengan tal propiedad.

[00israel]

Entonces utilizo tanto para la negrita como para la cursiva como para el tamaño grande, una clase, en lugar de un id?

[gVenom]

puedes acomodarlo con una serie de estilos al contenido de un parrafo. Por ejm brindarle un ID o una clase a cierto elemento que este contenido dentro de un parrafo. Ejm

Código CSS:

<style type="text/css">
#estilo em {
font-weight: bold;
font-style: normal;
}
#estilo strong {
font-weight: normal;
font-style: italic;
background-color:#FFFF66;
padding: 2px;
}
</style>
#estilo span {
font-variant: small-caps;
}
</style>
 

Código HTML:

<p id="estilo">Lorem ipsum dolor sit amet, <span>consectetuer adipiscing elit.</span>
Ut in purus ac <em>libero nonummy vestibulum</em>. Nullam molestie, nunc id
nonummy laoreet, <strong>tortor diam mollis elit</strong>, quis hendrerit
libero lorem vitae nunc.</p>
 

[sanxuan]

Si sólo incluye texto dentro de un párrafo, la etiqueta más adecuada es <span> en lugar de <div>.
<span> es un elemento en línea (se comporta como el texto o las imágenes) y <div> es un elemento de bloque que provoca un salto de linea y por tanto ocupa todo el espacio disponible en la linea. Eso hace innecesario un <br/> después de un <div>.
Suponiendo que tu párrafo tiene un tipo de letra distinto al resto del documento podrías usar el siguiete HTML:
<p class="parrafo_x"><span class="grande">lkj laksdf lk asdlkfj llk</span><br/>fdsfasdf <span class="negrita">adsf adsf</span> df <span class="cursiva">dfsadf </span></p>
y un css como este:
.parrafo_x { font:...;}
.grande {font:size:large;}
.negrita { font-weight;}
.cursiva{font-style:italic;}
De este modo puedes combinar, por ejemplo, la clase negrita con cualquier otra con tan solo añadir un espacio en blanco:
<p class=parrafo2 negrita"><span class="cursiva">Texto en cursiva (y negrita)</span>Texto normal (y negrita)</p>

[Dalvenjha]

<br/> oh fuck, solo basta poner span con clases diversas, yo no sé pq se complican metiendo etiquetas deprecadas...


Edit: A sugerencia del usuario Xlogus por msn, anoto, que más semántico sería usar <strong> y darle estilos en vez de <span> no así <em> ya que podemos simularlo con el font-style: oblique.

Pd.- Poco más y leo gente usando <p> con float:left...

[David]

Iniciado por Dalvenjha

[...] no así <em> ya que podemos simularlo con el font-style: oblique.

Sólo aclarar que <em> también tiene significado semántico, emphasis; denota énfasis pero en menor grado que <strong> (stronger emphasis)

[00israel]

vale. Muchas gracias a todos. Entonces la mejor opcion es usar la etiqueta <span> como una class y listo. ¿no?

[sanxuan]

El problema tanto de <em> como <strong>, que son etiquetas perfectamente válidas, es que no se pueden editar desde el css.
Mi experiencia es que compensa declarar clases para diferentes estilos de texto. Resulta más rápido y menos engorroso sustituir algunas propiedades en el css que no cambiar las etiquetas HTML de todo un sitio web.
Aunque uno piensa siempre que su página no se va a modificar, lo normal es que se realicen modificaciones en ella.
Cambiar el estilo de una página sustituyendo negritas por un color o tipo de letra diferente es muy habitual. Igual ocurre con las cursivas. En última instancia es una cuestión de estilo más que de semántica el escoger cómo se muestra un texto.

[ArturoGallegos]

Iniciado por sanxuan

El problema tanto de <em> como <strong>, que son etiquetas perfectamente válidas, es que no se pueden editar desde el css.

es mas semántico utilizar las etiquetas <em> y <strong> para resaltar los texto dentro de los párrafos, y por supuesto que se pueden editar desde el css como cualquier otro elemento

Código CSS:

em{...}
strong{...}
 

por otro lado veo que todos introducen en un span la primera linea para darle un tamaño mas grande ?¿ se han olvidado de la pseudo clase :first-line

Código CSS:

p:first-line{font:700 18px georgia, verdana, arial; }
 

[sanxuan]

Lamento haberme expresado mal. No quiero decir que no se pueda modificar el estilo de esas etiquetas, quiero decir que no se pueden modificar las etiquetas mismas. Hoy puedo escoger resaltar un texto determinado haciendo uso de negritas y mañana sustituir ese estilo y resaltar algunos textos modificando el color o el tamaño de fuente o el tipo de letra.
Al margen de que en ese caso la etiqueta HTML ha dejado de tener el significado para el que fue creada una vez decidido el cambio, puede ser engorroso localizar en qué etiquetas y de qué forma se realizan los cambios, mientras que hacerlo en el css resulta inmediato.

[mtreik]

Sin dudarlo lo mejor es utilizar las etiquetas <strong> y <em> para cosas muy generales y luego ya, si se quiere realizar algo más específico como cambiar el tipo de fuente, yo uso siempre <span>.