Extractor de Estilos en Línea a CSS
Mueva los estilos inline de sus etiquetas HTML a clases en una hoja de estilo CSS externa
Separa las reglas de estilo de los nodos HTML y crea una hoja de estilos limpia.
도구를 불러오는 중…
🔒 Todo se procesa 100 % en tu navegador. Tus archivos y datos nunca se suben a ningún servidor.
Cómo usar
- Pegue el código HTML que contiene estilos inline.
- Defina el prefijo para los nombres de las clases.
- Genere el código y copie el HTML y CSS por separado.
Preguntas frecuentes
- ¿Se pierden las clases existentes?
- No, las nuevas clases generadas se agregan al final del atributo class de cada etiqueta.
- Si varias etiquetas tienen exactamente el mismo estilo en línea, ¿se combinan en una sola clase compartida?
- No, esta herramienta asigna un nombre de clase nuevo a cada etiqueta individual, así que los estilos idénticos terminan igualmente en clases separadas. Si quieres consolidar los duplicados en una sola clase compartida, tendrás que localizar manualmente las declaraciones idénticas en el CSS resultante y combinarlas tú mismo.
- Si varias etiquetas tienen exactamente el mismo estilo en línea, ¿se combinan en una sola clase compartida?
- No, esta herramienta asigna un nombre de clase nuevo a cada etiqueta individual, así que los estilos idénticos terminan igualmente en clases separadas. Si quieres consolidar los duplicados en una sola clase compartida, tendrás que localizar manualmente las declaraciones idénticas en el CSS resultante y combinarlas tú mismo.