Creación de estructuras químicas y ecuaciones con HTML & CSS-ChemistryCSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: mathexl
Views Total: 1,800
Sitio oficial: Ir a la web
Actualizado: November 14, 2015
Licencia: MIT

Vista prévia

Creación de estructuras químicas y ecuaciones con HTML & CSS-ChemistryCSS

Descripción

ChemistryCSS le permite crear estructuras químicas y ecuaciones con solo HTML y CSS. Lea la documentación completa aquí .

Funcionamiento

Descargue y cargue la química. CSS en su documento HTML.

<link rel="stylesheet" href="chemistry.css">

El código HTML de ejemplo para crear una fórmula molecular.

<div chembox>


<div chempart box2_4>O</div>




<hr partialdoublebond>




<hr>




<hr>




<hr singlebond>


<div chempart box3_3>C</div>




<hr>




<hr>




<hr singlebond>


<div chempart box4_4>C</div>




<hr singlebond>




<hr>




<hr>




<hr doublebond>


<div chempart box4_5>C</div>





<div chempart box3_6>C</div>




<hr singlebond>







<div chempart box2_5>C</div>




<hr>




<hr>




<hr doublebond>







<div chempart box4_2>K</div>




<hr>




<hr>




<hr singlebond>









<div chempart box5_3>Mg</div>




<hr doublebond>




<hr>




<hr singlebond>





<div chempart box6_2>O</div>





<div chempart box6_4>N</div>




<hr>




<hr>




<hr>




<hr doublebond>





<div chempart box6_5>K</div>
</div>

Te puede interesar: