Representando matemáticas básicas y cálculo con HTML & CSS-MathCSS

Vista prévia

Descripción

MathCSS proporciona una manera detallada, sensible y fácil de representar matemáticas básicas y cálculo por unas pocas líneas de HTML sin la necesidad de una biblioteca de JavaScript más pesada. Construido exclusivamente en CSS utilizando una técnica de cadena de bloques. Leer el completo documentación aquí.

¿Cómo funciona?

Descarga MathCSS e incluye Math. CSS en la Página Web.

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

El código HTML de muestra para representar matemáticas y cálculo.

<div equation>


<div integral>




<div upperbound>






5x<sup>2</sup> + 98




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr add>





<div contourintegral>




<div upperbound>






5x<sup>2</sup>




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr add>





<div surfaceintegral>




<div upperbound>






<hr infiniti>




</div>




<div lowerbound>






2<hr pi> + 6




</div>




<div of>






35x + 45<hr pi>




</div>


</div>





<hr add>





<div partial derivative>




<div top>






x




 </div>




<div bottom>






y




</div>


</div>





<div term>




4x+3


</div>





<hr add>



<div volumeintegral>




<div upperbound>






5x<sup>2</sup>




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr add>




 <div doubleintegral>




<div upperbound>






5y




</div>




<div lowerbound>






3y




</div>




<div of>






35y<sup>78</sup> + 45




</div>


</div>





<hr multiply>





<div tripleintegral>




<div upperbound>






5x




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr subtract>






<div summation>




<div upperbound>






5x




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr divide>





<div product>




<div upperbound>






5x




</div>




<div lowerbound>






39x




</div>




<div of>






35x + 45




</div>


</div>





<hr add>





<div partial derivative>




<div top>






x




 </div>




<div bottom>






y




</div>


</div>



<div term>




35x + 45


</div>





<div add></div>





<div fraction>




<div top>






12x




 </div>




<div bottom>






39x




</div>


</div>





<div add></div>



<div
derivative>




<div top>






dx




 </div>




<div bottom>






dy




</div>


</div>





<div term>




(35x + 45)


</div>





<hr add>





<div
derivative>




<div top>






d




 </div>




<div bottom>






dy




</div>


</div>





<div term>




(35x + 45)


</div>





<hr add>





<div limit>




<div variable>






x




</div>




<div goingto>






<hr infiniti>




</div>




<div of>






35x<sup>2</sup> + 12x + 9




</div>


</div>
</div>