CodeUtility
Haz que programar sea más fácil.
CSS and design

PX to REM Converter

Convert pixels to rem units (and back) using your root font size, one value or a whole stylesheet at a time.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the PX to REM Converter

  1. Set the root font size (16px by default).
  2. Type a value in px or rem to convert it.
  3. Paste CSS to convert every px value to rem at once.

Frequently asked questions

Why use rem instead of px?

rem scales with the user's browser font size, which improves accessibility and keeps spacing consistent.

What is the default root font size?

Most browsers use 16px, so 1rem = 16px unless your CSS changes the html font size.

Why are 1px borders kept?

Hairline values like 1px borders usually should not scale, so bulk conversion leaves values of 1px or less alone.

CSS BeautifierBeautify minified or messy CSS, SCSS and Less with Prettier. Choose indentation and quotes, then copy or download the formatted stylesheet. CSS Gradient GeneratorCreate linear, radial and conic CSS gradients with multiple color stops and a live preview. Start from presets and copy the CSS. Box Shadow GeneratorCreate CSS box-shadow effects with multiple layers, inset shadows, blur, spread and opacity. See a live preview and copy the CSS.

Practica Python con desafíos de código

Resuelve problemas prácticos en este editor: ejecuta las pruebas de ejemplo, envía tu solución y recibe una revisión de código por IA.

Todos los desafíos de Python
Fácil

Average of Three

Average three whole numbers.

Aprenderás AritméticaDivisión
BeginnerLearning-pathVariables
Python C++ C#
1 resuelto
Ver soluciones (1)
Fácil

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Aprenderás AritméticaValores de retorno
BeginnerLearning-pathVariables
Python C++ C#
1 resuelto
Ver soluciones (1)
Intermedio

Una generación de un algoritmo genético

Cría la siguiente generación de cadenas de bits con selección por torneo, cruce de un punto y mutación.

Aprenderás Algoritmos genéticosBúsqueda evolutiva
OptimizationSimulationai
Python C++ C#
0 resueltos
Aún no hay soluciones
Fácil

Bandido multibrazo epsilon-greedy

Equilibra exploración y explotación en un bandido multibrazo con selección de acciones epsilon-greedy.

Aprenderás Explorar o explotarBandidos
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Fácil

Distribución de estados de una cadena de Markov

Propaga una distribución de probabilidad a través de la matriz de transición de una cadena de Markov durante varios pasos.

Aprenderás Cadenas de MarkovProbabilidad
Simulationaimath
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Iteración de valores

Calcula cuánto vale cada estado de un proceso de decisión de Markov aplicando repetidamente la actualización de optimalidad de Bellman.

Aprenderás Ecuación de BellmanMDP
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Actualizaciones de Q-learning

Aplica la actualización de Q-learning a un flujo de experiencias y observa cómo las recompensas fluyen hacia estados anteriores.

Aprenderás Q-learningRecompensas descontadas
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Poda alfa-beta

Evalúa un árbol de juego con minimax y poda alfa-beta, y cuenta cuántas hojas examina realmente la búsqueda.

Aprenderás Poda alfa-betaBúsqueda en juegos
RecursionTreesai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Tres en raya con minimax

Elige la jugada perfecta en el tres en raya explorando todo el árbol de juego con minimax.

Aprenderás MinimaxÁrboles de juego
Recursionai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Búsqueda A* en una cuadrícula ponderada

Encuentra el camino más barato a través de una cuadrícula de costes de terreno con A*, el algoritmo de búsqueda detrás de la navegación en juegos y robots.

Aprenderás Búsqueda A*Heurísticas
GraphsGridsShortest-pathai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Muestreo con temperatura y top-k

Elige el siguiente token como un modelo de lenguaje: conserva los k logits más altos, aplica la temperatura y muestrea.

Aprenderás Generación de textoMuestreo
aiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Difícil

Autoatención multicabeza

Proyecta la entrada en consultas, claves y valores, ejecuta la atención en varias cabezas en paralelo y combínalas.

Aprenderás Atención multicabezaProyecciones matriciales
aiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones