# data[].attributes.body
-Miguel Catalán

# data[].attributes.attachment_link.readable_text
El rosa no m'afavoreix. Vull ser groc. @ modifiquem l'estil del h1 classe ressaltat i modifiquem el  background-color i li posem el color groc (yellow).
Em podeu posar a la dreta? Gràcies @ afegim h2{text-align:right;}
On està escrit que jo hagi d'estar al mig? @a la linía 14 en l'estil per a p i h2 que centra els textos.   text-align: center; 
No m'agrada el mar. Vull ser verd. @ A la linía 18 en l'estil de la classe textBlau canviem el color de blue a green.   color: green;
Qui em titlla d'individualista? @ Linía 22. L'estil per el id  estil1, #estil1 {  font-size: larger;} 
Títol sense ressaltar però sóc molt fosc no? @ Afegim un estíl per els h1

Enllaç vull anar a casa sius plau http://www.santaclausvillage.info/ 
Feu el favor deixeu me marxar Vull anar a http://www.santaclausvillage.info/es/papa-noel/casa-de-papa-noel/]
html modificat:
<h1 class="ressaltat">El rosa no m'afavoreix. Vull ser groc.</h1>
<h2> Em podeu posar a la dreta? Gràcies</h2>
<p> On està escrit que jo hagi d'estar al mig?</p>
<p class="textBlau">No m'agrada el mar. Vull ser verd. </p>
<p id="estil1">Qui em titlla d'individualista?</p>
<h1>Títol sense ressaltar però sóc molt fosc no?</h1>
<a href="http://www.santaclausvillage.info/">Enllaç vull anar a casa sius plau  http://www.santaclausvillage.info/ </a>
<br/>
<a href="http://www.santaclausvillage.info/es/papa-noel/casa-de-papa-noel/" target="_top">Feu el favor deixeu me marxar Vull anar a http://www.santaclausvillage.info/es/papa-noel/casa-de-papa-noel/</a>]
CSS modificat:
 {
  font-size: 15px;
  font-family: Arial;
}

h1.ressaltat {
  font-weight: bolder;
  font-size: 25px;
  color: white;
  background-color: yellow;
}

p, h2 {
  text-align: center;
}

.textBlau {
  color: green;
}

#estil1 {
  font-size: larger;
}

a[target] {
    background-color: yellow;
}

h1 {
  color:red;
}
h2{text-align:right;}

# data[].attributes.body
exercicis codepen.io

# data[].attributes.body
https://docs.google.com/a/iesjoandaustria.org/document/d/1OV2u18VZACyJgWrzqvHSWuH3sQM80uW-Kvi-OGxVp0c/edit?usp=sharing

# data[].attributes.body
Daniel Marín Silva

# data[].attributes.body
-Miguel Catalán

# data[].attributes.attachment_link.readable_text
Jo vull tenir discontinues.Per què no en tinc? Perquè no té posat l'estil del border per fer-ho hauriem de posar dins l'atribut style el valor que permet posar el border de dalt amb el mateix border que el su pare, en aquest cas el valor seria aquest: "border-top-style: inherit;". Però tambe les vull a sota. Per posar-les a sota també hauriem de posar el estil per el border de sota que seria : "border-bottom-style: dashed;" (Si posem inherit agaria el del seu pare i com el seu pare no té el dashed es posaria llis per tant l'hem posat específic per a ell). En definitiva el html quedaria així: (no he tocat el css extern).
Un paràgraf amb un text resaltat

Aquí tenim un paràgraf

Jo vull tenir discontinues.Per què no en tinc?

Aquí tenim un altre paràgraf

Però tambe les vull a sota

# data[].attributes.body
-Miguel Catalán

# data[].attributes.attachment_link.readable_text
Títol 1 Per què sóc blau? @Perquè al css hi ha el apartat "h1 + h2 {color: blue;}" que vol dir que els h2 que estiguin inmediatament junt a un h1 seran de color blau. Expliqueu me la raó perque m'estic tornant negre @Perquè és un p que no té un estil específic i agafa el per defecte, hi ha només un estil per a p que sigui un fill de un div "div > p { color: orange; font-weight: bold;}" pero en aquest cas no ho és perquè no està envoltat per la etiqueta div. Títol 2 Aquí tenim un text qualsevol que separa els dos títols. Ara resulta que sóc vermell @És vermell perquè aquest h2 té un germà que és h1 i per tant es posara d'aquest color. "h1 ~ h2 { color: red;}" Torno a ser negre. @És negre perquè és un p que no té un estil específic i agafa el per defecte, hi ha només un estil per a p que sigui un fill de un div "div > p { color: orange; font-weight: bold;}" pero en aquest cas no ho és perquè no està envoltat per la etiqueta div. Títol 3 Ves per on ara sóc verd. No ho entenc @ És verd perquè és un h2 familiar inferior (fill o nets,etc) d'un div tal i com diu l'estil, "div h2 { color: green;}" He perdut color o és que sóc daltónic ? @ Té color taronja perquè és un p fill de un div. Gracies a l'estil "div > p { color: orange; font-weight: bold;}" M'agradaria tornar a ser negre. @Per tornar-l'ho a posar negre hem de posar-li un pare diferent per a que no agafi el estil sobre p fill de div per tant faria el seguent "
M'agradaria tornar a ser negre.
" i aixi pasaria a ser un net de div i no de un fill. Verd ? @És verd perquè és un h2 net de div i tots el familiars inferiors que siguin h2 sota d'un div seràn verds tal com indica el seu estil."div h2 { color: green;}" No hauria de ser blau? @No perquè és un p i el estil que conté el color blau es sobre un h2 que sigui germà continu de h1."h1 + h2 {color: blue;}" A la fí torno a ser negre, però no se perque. @Perquè no és un fill del div,és un net i per tant no pot agafar l'estil "div > p { color: orange; font-weight: bold;}" A veure si m'ho podeu aclarir ara sóc Vermell @Perquè és un h2 germà de h1 no continu i per tant agafa l'estil de "h1 ~ h2 { color: red;}" Ara que volia ser taronja va i resulta que sóc negre.@Perquè no és familiar inferior de ningún div i per agafar l'estil "div > p { color: orange; font-weight: bold;}" hauria de ser un fill de un div.

# data[].attributes.attachment_link.readable_text
Marco Realpe
DAW2

Selectores

Títol 1


Per què sóc blau?

Porque lo detalla el documento CSS, selecciona todos los elementos  h2 que estén colocadas depués del elemento h1.

CSS
h1 + h2 {
  color: blue;
}

HTML

<h1>Títol 1</h1>
<h2>Per què sóc blau?</h2>
----------------------------------------------------------------------------------------------------------

Expliqueu me la raó perque m'estic tornant negre

Porque está dentro del elemento <p> y este no está definido en el CSS, por lo tanto por default es negro.

HTML
<p>Expliqueu me la raó perque m'estic tornant negre</p>

----------------------------------------------------------------------------------------------------------
Títol 2

Aquí tenim un text qualsevol que separa els dos títols.

Es debido a que está colocado dentro del elemento <p> (párrafo)

HTML
<p>Aquí tenim un text qualsevol que separa els dos  títols. </p>
----------------------------------------------------------------------------------------------------------

Ara resulta que sóc vermell

Selecciona cada elemento h2 que esté precedida por el elemento h1.
No se pone de color azul ya que no esta colocada inmediatamente depués de h1, hay un elemento <p> en medio, por lo tanto está precedido por h1.

CSS
h1 ~ h2 {
  color: red;
}

HTML
<h1>Títol 2</h1>
<p>Aquí tenim un text qualsevol que separa els dos  títols. </p>
<h2>Ara resulta que sóc vermell</h2>



------------------------------------------------------------------------------

Torno a ser negre.

Es debido a que está colocado en el elemento <p> 
En el documento CSS no se detalla nada acerca del elemento <p> por lo tanto por default es de color negro


HTML
<p>Torno a ser negre.</p>
------------------------------------------------------------------------------

Títol 3

Ves per on ara sóc verd. No ho entenc

Selecciona todos los elementos h2 dentro del elemento <div>
El elemento h2 está colocado dentro del elemento <div>

CSS
div h2 {
  color: green;
}

HTML
<h1>Títol 3</h1>
<div>
  <h2>Ves per on ara sóc verd. No ho entenc</h2>
…
</div>
----------------------------------------------------------------------------------------------------------
He perdut color o és que sóc daltónic ?

Es debido a: 

CSS
div > p {
  color: orange;
  font-weight: bold;
}

El elemento <p> que esté dentro de un elemento <div> tendrá el color naranja.

HTML
<div>
...
  <p>He perdut color o és que sóc daltónic ?</p>
...
</div>



----------------------------------------------------------------------------------------------------------
M'agradaria tornar a ser negre.

Simplemente hay dos soluciones posibles
1: Sacar el elemento  "<p> M'agradaria tornar a ser negre.</p>" fuera del elemento <div>

2: Cambiar el CSS por:
div > p {
  color: black;
  font-weight: bold;
}

----------------------------------------------------------------------------------------------------------
Verd ?

Es debido a que se encuentro dentro de un <div>

CSS
div h2 {
  color: green;
}

HTML
<div>
...
...
  <span><p>A la fí torno a ser negre, però no se perque.</p></span>
 ...
 ...
 </div>



----------------------------------------------------------------------------------------------------------

No hauria de ser blau?

No, porque esta dentro de un elemento <p>


----------------------------------------------------------------------------------------------------------

A la fí torno a ser negre, però no se perque.

porque está dentro de un <p>



----------------------------------------------------------------------------------------------------------

A veure si m'ho podeu aclarir ara sóc Vermell

HTML
<h1>Títol 3 </h1>
...
<h2>A veure si m'ho podeu aclarir ara sóc Vermell </h2>
...

Es porque esta precedido de un <h1>

h1 ~ h2 {
  color: red;
}

----------------------------------------------------------------------------------------------------------------

Ara que volia ser taronja va i resulta que sóc negre.

Está fuera del elemento <div>

Para ser naranja tendría que estar dentro (<div> tendría que ser su padre)

HTML

<div>

</div>
<p>Ara que volia ser taronja va i resulta que sóc negre.</p>


CSS

div > p {
  color: orange;
  font-weight: bold;
}

# data[].attributes.body
CAIXES

# data[].attributes.body
GRADIENTS

# data[].attributes.body
MESURA

# data[].attributes.body
ENLLAÇOS

# data[].attributes.body
HERÈNCIA

# data[].attributes.body
SELECTORS

# data[].attributes.body
DEMO