Skip to content

Commit

Permalink
agregada pág química
Browse files Browse the repository at this point in the history
  • Loading branch information
@Tomycj
Tomycj committed May 19, 2024
1 parent a46ee0f commit 0b53b38
Show file tree
Hide file tree
Showing 3 changed files with 177 additions and 76 deletions.
6 changes: 1 addition & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<title>Matemática</title>
<meta charset="UTF-8">
<link rel="icon" href="./images/logoBLR.png" type="image/icon type">
<link rel="stylesheet" href="./styles/Mate.css">
<link rel="stylesheet" href="./styles/clases.css">
<link rel="preload" href="./fonts/Inter.var.woff2" as="font" type="font/woff2" crossorigin>
</head>

Expand Down Expand Up @@ -78,7 +78,6 @@ <h2 class="contentHider">Divisibilidad y dígitos</h2>
</div>
</div>


<p><b>2)</b> Hallar todos los números M = 123X32Y múltiplos de 11. </p>
<div class="indented">
<span class="contentHider italic bullet">Solución:</span>
Expand Down Expand Up @@ -221,9 +220,6 @@ <h2 class="contentHider">Divisibilidad y dígitos</h2>
</a>
</p>




<p hidden><b>N)</b> Hallar todos los números K = 5X1Y6 divisibles por 11 y 9. </p>

</div>
Expand Down
105 changes: 105 additions & 0 deletions quimica.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,105 @@
<!doctype html>
<html>
<head>
<title>Química</title>
<meta charset="UTF-8">
<link rel="icon" href="./images/logoBLR.png" type="image/icon type">
<link rel="stylesheet" href="./styles/clases.css">
<link rel="preload" href="./fonts/Inter.var.woff2" as="font" type="font/woff2" crossorigin>
</head>

<body>

<div style="position: absolute; font-size: 10px; font-style: italic;"> TC - 2024 - Consulte para clases particulares.</div>
<div id="scroll"style="position: fixed; right: 10px;"></div>

<h1 style ="text-align: center">
Ejercicios de química<br>
</h1>

<h2 class="contentHider">Solubilidad - conceptos básicos</h2>

<div>
<p><b>1)</b> Se forma una solución de 130 g mezclando 30 g de soluto con 100 g de solvente. Calcular su concentración en %m/m.</p>
<p><b>2)</b> Se forma una solución de 130 g mezclando 50 g de soluto con 80 g de solvente. Calcular su concentración en %m/m.</p>
<p><b>3)</b> Se forma una solución de 752 g mezclando 28 g de soluto con 724 g de solvente. Calcular su concentración en %m/m.</p>
<p><b>4)</b> Se forma una solución mezclando 40 g de soluto con 60 g de solvente. Calcular su concentración en %m/m.</p>
<p><b>5)</b> Indicar la concentración en %m/m de una solución acuosa sabiendo que pesa 652 gramos, formada al disolver 76 gramos de nitrato de potasio.</p>
<p><b>6)</b> Se disuelven 88 g de sulfato de cobre en 1000 g de ácido nítrico. Calcular la concentración de la solución resultante en %m/m.</p>
<p><b>7)</b> Se disuelven 88 g de sulfato de cobre en 2 kg de ácido nítrico. Calcular la concentración de la solución resultante en %m/m.</p>
<br>
<p><b>8)</b> Se obtiene una solución de 300 ml al disolver 30 g de nitrato de amonio en agua. Calcular su concentración en %m/v.</p>
<p><b>9)</b> Se llena un jarro de 600 ml con agua salada. Sabiendo que contiene 15 g de sal, calcular la concentración de la solución en %m/v</p>
<p><b>10)</b> Se disuelven 90 g de cloruro de calcio en 300 ml de agua. Calcular la concentración de la solución en %m/v.<br>
Recordatorio: a menos que se especifiquen volúmenes aditivos, el volumen de la solución es igual al volumen del solvente.
</p>
<br>
<p><b>11)</b> Calcular la densidad de una solución de cloruro de potasio, sabiendo que ocupa un volumen de 25 ml y pesa 30 g.</p>
<p><b>12)</b> Calcular la densidad de una sustancia, expresada en kilogramos por litro, sabiendo que 1000 L de la misma pesan 300 kg.</p>
<p><b>13)</b> Expresar la densidad anterior en gramos por litro.</p>
<p><b>14)</b> Expresar la densidad anterior en gramos por mililitro.</p>
<p><b>15)</b> Expresar la densidad anterior en onzas por mililitro (1 oz = 28,35 g).</p>
<p><b>16)</b> Sabiendo que la densidad del plomo (Pb) es de 11.340 kg/m<sup>3</sup>, calcular cuánto pesan 50 m<sup>3</sup> de plomo.</p>
<p><b>17)</b> Sabiendo que la densidad del oro (Au) es de 19,3 g/cm<sup>3</sup>, calcular cuánto espacio ocupan 100 g de oro.</p>
<p><b>18)</b> ¿Qué metal es mas denso, el oro o el plomo? Hay que comparar las densidades expresadas en las mismas unidades.</p>
<p><b>19)</b> Calcular la masa de 400 ml de solución, sabiendo que su densidad es de 1,6 g/ml</p>
<p><b>20)</b> Calcular la masa de 3 L de solución, sabiendo que su densidad es de 1,6 g/ml</p>
<p><b>21)</b> Calcular la masa de 15 L de solvente, sabiendo que su densidad es de 1,2 g/ml</p>
<p><b>22)</b> Calcular la masa de 8 L de soluto, sabiendo que su densidad es de 3 g/ml</p>
<br>
<p><b>23)</b> Se forma una solución de 130 ml mezclando 25 g de soluto con 100 g de solvente. Calcular la masa de la solución, y Luego su densidad.</p>
<p><b>24)</b> Se forma una solución de 250 ml con 15 g de soluto. La densidad de la solución es 1,7 g/ml. Calcular la concentración en %m/m.</p>

<div class="indented">
<span class="contentHider bullet italic">Mostrar respuestas</span>
<div hidden>
<p>
<b>1)</b> 23 %m/m <b>2)</b> 38,5 %m/m <b>3)</b> 6,19 %m/m
<b>4)</b> 40 %m/m <b>5)</b> 11,66 %m/m <b>6)</b> 8,09 %m/m
<b>7)</b> 4,21 %m/m
</p>
<p>
<b>8)</b> 10 %m/v <b>9)</b> 2,5% m/v <b>10)</b> 30 %m/v
</p>
<p>
<b>11)</b> 1,2 g/ml <b>12)</b> 0,3 kg/L <b>13)</b> 300 g/L <b>14)</b> 0,3 g/ml. Nótese que 1 kg/L = 1 g/ml.
<b>15)</b> 0,0106 oz/ml <b>16)</b> 567.000 kg (567 toneladas) <b>17)</b> 5,18 cm<sup>3</sup><br>
<b>18)</b> El oro es bastante más denso (19,3 g/cm<sup>3</sup> vs 11,3 g/cm<sup>3</sup>).<br>
Esto implica, por ejemplo, que un lingote de Au pesa más que uno de Pb (ambos lingotes del mismo tamaño).<br>
Nótese que 1 kg/m<sup>3</sup> = 1 g/cm<sup>3</sup><br>
<b>19)</b> 640 g <b>20)</b> 4800 g <b>21)</b> 18.000 g <b>22)</b> 24.000 g
</p>
<p>
<b>23)</b> m<sub>sc</sub> = 125 g. &delta;<sub>sc</sub> = 0,96 g/ml.<br>
<b>24)</b> 3,53 %m/m.
</p>
</div>
</div>
</div>
</body>

<script>
function toggleHiddenNext() {

const y = window.scrollY;

const hidden = this.nextElementSibling.toggleAttribute("hidden");
if (hidden) {
this.classList.add("italic");
} else {
this.classList.remove("italic");
}

window.scrollTo(0, y);
}

const clickableHideNext = Array.from(document.getElementsByClassName("contentHider"));

clickableHideNext.forEach(element => {
element.classList.add("clickable");
element.onclick = toggleHiddenNext;
});

</script>

</html>
142 changes: 71 additions & 71 deletions styles/Mate.css → styles/clases.css
View file
Original file line number Diff line number Diff line change
@@ -1,72 +1,72 @@
@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: block;
src: url("../fonts/Inter.var.woff2") format("woff2");
}
:root {
--bg-color: #ddb74d;
--bg-color-dark: #e28800;
--bg-color-darker: #d06000;
}

body {
background-color: var(--bg-color);
font-family: Inter, Asap, Arial, sans-serif;
overflow-y: scroll;
}
body::-webkit-scrollbar {
width: 0.8em;
height: 0.8em;
}
body::-webkit-scrollbar-thumb {
background-color: var(--bg-color-dark);
}
body::-webkit-scrollbar-thumb:hover {
background-color: var(--bg-color-darker);;
}
body::-webkit-scrollbar-corner {
background-color: var(--bg-color);
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

button {
font-family: Inter;
background-color: var(--bg-color-dark);
}
button:hover {
background-color: #ffdd48;
cursor: pointer;
}
p {
line-height: 1.3;
}
.bold {
font-weight: bold;
}
.clickable {
cursor: pointer;
}
.italic {
font-style: italic;
}
.indented {
padding-left: 3ch;
}
.bullet {
position: relative;
}
.bullet::before {
content: '\2022'; /* Unicode for bullet point character */
color: #000;
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
}
.contentHider: {

@font-face {
font-family: "Inter";
font-style: normal;
font-weight: 500;
font-display: block;
src: url("../fonts/Inter.var.woff2") format("woff2");
}
:root {
--bg-color: #ddb74d;
--bg-color-dark: #e28800;
--bg-color-darker: #d06000;
}

body {
background-color: var(--bg-color);
font-family: Inter, Asap, Arial, sans-serif;
overflow-y: scroll;
}
body::-webkit-scrollbar {
width: 0.8em;
height: 0.8em;
}
body::-webkit-scrollbar-thumb {
background-color: var(--bg-color-dark);
}
body::-webkit-scrollbar-thumb:hover {
background-color: var(--bg-color-darker);;
}
body::-webkit-scrollbar-corner {
background-color: var(--bg-color);
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

button {
font-family: Inter;
background-color: var(--bg-color-dark);
}
button:hover {
background-color: #ffdd48;
cursor: pointer;
}
p {
line-height: 1.3;
}
.bold {
font-weight: bold;
}
.clickable {
cursor: pointer;
}
.italic {
font-style: italic;
}
.indented {
padding-left: 3ch;
}
.bullet {
position: relative;
}
.bullet::before {
content: '\2022'; /* Unicode for bullet point character */
color: #000;
position: absolute;
left: -15px;
top: 50%;
transform: translateY(-50%);
}
.contentHider: {

}

0 comments on commit 0b53b38

Please sign in to comment.