Foros del Web » Creando para Internet » CSS »

selectores CSS

Estas en el tema de selectores CSS en el foro de CSS en Foros del Web. tengo un ejercicio y agradeceria mucho si me explican como hacerlo ya que no lo pillo ya que recien estoy entrando en css y falte ...
  #1 (permalink)  
Antiguo 18/11/2012, 16:14
 
Fecha de Ingreso: noviembre-2012
Ubicación: granada
Mensajes: 3
Antigüedad: 12 años
Puntos: 0
selectores CSS

tengo un ejercicio y agradeceria mucho si me explican como hacerlo ya que no lo pillo ya que recien estoy entrando en css y falte algunas clases y justo con este empieza css neceito ayuda,saludos y gracias

A partir del código HTML y CSS que se muestra, añadir los selectores CSS que faltan para aplicar los estilos deseados. Cada regla CSS incluye un comentario en el que se explica los elementos a los que debe aplicarse:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio de selectores</title>
<style type="text/css">
/* Todos los elementos de la pagina */
{ font: 1em/1.3 Arial, Helvetica, sans-serif; }

/* Todos los parrafos de la pagina */
{ color: #555; }

/* Todos los párrafos contenidos en #primero */
{ color: #336699; }

/* Todos los enlaces de la pagina */
{ color: #CC3300; }

/* Los elementos "em" contenidos en #primero */
{ background: #FFFFCC; padding: .1em; }

/* Todos los elementos "em" de clase "especial" en toda la pagina */
{ background: #FFCC99; border: 1px solid #FF9900; padding: .1em; }

/* Elementos "span" contenidos en .normal */
{ font-weight: bold; }

</style>
</head>

<body>

<div id="primero">
<p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Praesent blandit nibh at felis. Sed nec diam in dolor vestibulum aliquet. Duis ullamcorper, nisi non facilisis molestie, <em>lorem sem aliquam nulla</em>, id lacinia velit mi vestibulum enim.</p>

</div>

<div class="normal">
<p>Phasellus eu velit sed lorem sodales egestas. Ut feugiat. <span><a href="#">Donec porttitor</a>, magna eu varius luctus,</span> metus massa tristique massa, in imperdiet est velit vel magna. Phasellus erat. Duis risus. <a href="#">Maecenas dictum</a>, nibh vitae pellentesque auctor, tellus velit consectetuer tellus, tempor pretium felis tellus at metus.</p>

<p>Cum sociis natoque <em class="especial">penatibus et magnis</em> dis parturient montes, nascetur ridiculus mus. Proin aliquam convallis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc aliquet. Sed eu metus. Duis justo.</p>

<p>Donec facilisis blandit velit. Vestibulum nisi. Proin volutpat, <em class="especial">enim id iaculis congue</em>, orci justo ultrices tortor, <a href="#">quis lacinia eros libero in eros</a>. Sed malesuada dui vel quam. Integer at eros.</p>
</div>

</body>
</html>
  #2 (permalink)  
Antiguo 18/11/2012, 16:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: selectores CSS

Por aquí siempre recomiendan http://librosweb.es.

No sé qué pretendes aprender si pides que te lo hagan todo. Y fíjate lo básico que es lo que te piden que no tienes siquiera que escribir código, ya que con usar la tecla retroceso en los comentarios lo puedes hacer todo.

Este foro normalmente funciona alguien aportando un código y de paso dice lo que no le sale o el error que tiene etc. ¿Has intentado hacer algo?

Algunas pistas...

El selector más básico de CSS es el selector de elemento. Por ejemplo, para seleccionar un elemento DIV, hacemos:

Código CSS:
Ver original
  1. div {
  2.   /* propiedades */
  3. }

Ya con eso deberías de lograr avanzar bastante. Mírate el enlace del principio, es bastante útil para empezar.
  #3 (permalink)  
Antiguo 18/11/2012, 16:47
 
Fecha de Ingreso: noviembre-2012
Ubicación: granada
Mensajes: 3
Antigüedad: 12 años
Puntos: 0
Respuesta: selectores CSS

gracias lo que me quieres decir es que el elemento div va

/* Todos los parrafos de la pagina */
div{ color: #555; }

o

div{ /* Todos los parrafos de la pagina */
color: #555; }
  #4 (permalink)  
Antiguo 18/11/2012, 16:50
 
Fecha de Ingreso: noviembre-2012
Ubicación: granada
Mensajes: 3
Antigüedad: 12 años
Puntos: 0
Respuesta: selectores CSS

intente con el primero y funciono probare con el segundo y el resultado fue el mismo recien empiezo con esto y e faltado clases en cuando entraban en este tema no pido que me lo hagan todo si no una explicacion vamos para aprenderlo gracias leere tambien los libros
  #5 (permalink)  
Antiguo 18/11/2012, 16:51
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: selectores CSS

Te dicen que selecciones un párrafo, no un div. Aunque funcione, no es lo que te están pidiendo...
  #6 (permalink)  
Antiguo 18/11/2012, 17:42
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 9 meses
Puntos: 306
Respuesta: selectores CSS

Joseftv10, tomate un tiempito, una hora al menos para leer el manual Introducción al CSS, que está en el link que te recomendó Bonez.
Te aseguro que cuanto mucho tardarás dos horas en comprender los conceptos básicos.


Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: contenido, html, selectores, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:58.