EN Change imported file name to *red.css*, *green.css*, *grey.css* or *dark_grey.css*, in line 2
Prevedi "css" na španski
Prikazuje se 50 od 50 prijevoda fraze "css" sa Engleski na španski
Prijevod Engleski na španski od css
Engleski
španski
ES Para cambiar colores, cambie el nombre del archivo importado en la línea dos para *red.css*, *green.css*, *grey.css* o *dark_grey.css*
| Engleski | španski |
|---|---|
| imported | importado |
| css | css |
| or | o |
| change | cambiar |
| file | archivo |
| green | green |
| red | red |
| grey | colores |
| in | en |
| line | línea |
| name | nombre |
EN Render-blocking JavaScript and CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying CSS. Also, defer non-critical CSS and inline critical CSS.
ES El JavaScript y el CSS que bloquean el renderizado impiden que los sitios muestren una página antes de cargar estos archivos. Para solucionar este problema, recomendamos minificar el CSS. Además, difiere el CSS no crítico y alinee el CSS crítico.
| Engleski | španski |
|---|---|
| javascript | javascript |
| css | css |
| prevent | impiden |
| loading | cargar |
| fix | solucionar |
| critical | crítico |
| render | renderizado |
| showing | muestren |
| sites | sitios |
| files | archivos |
| page | página |
| this | este |
| a | una |
| before | de |
| these | estos |
| to | además |
EN In the CSS tab, you can enable/disable Minification of CSS files, activate/deactivate CSS combinations to reduce the numbers of requests to the server, and also Preload Combined CSS
ES En la pestaña de CSS puedes activar/desactivar el minimizado de archivos CSS, activar/desactivar el combinado de CSS para reducir la cantidad de peticiones al servidor, y también precargar el CSS combinado
| Engleski | španski |
|---|---|
| css | css |
| requests | peticiones |
| combined | combinado |
| in | en |
| tab | pestaña |
| files | archivos |
| activate | activar |
| disable | desactivar |
| reduce | reducir |
| server | servidor |
| to | a |
| also | también |
| you can | puedes |
EN Render-blocking JavaScript and CSS prevent sites from showing a page before loading these files. To fix this issue, we recommend minifying CSS. Also, defer non-critical CSS and inline critical CSS.
ES El JavaScript y el CSS que bloquean el renderizado impiden que los sitios muestren una página antes de cargar estos archivos. Para solucionar este problema, recomendamos minificar el CSS. Además, difiere el CSS no crítico y alinee el CSS crítico.
| Engleski | španski |
|---|---|
| javascript | javascript |
| css | css |
| prevent | impiden |
| loading | cargar |
| fix | solucionar |
| critical | crítico |
| render | renderizado |
| showing | muestren |
| sites | sitios |
| files | archivos |
| page | página |
| this | este |
| a | una |
| before | de |
| these | estos |
| to | además |
EN Bar chart showing the adoption of three CSS reset utilities: Normalize.css (33%), Reset CSS (3%), and Pure CSS (0%). There is no difference in adoption across desktop and mobile pages.
ES Gráfico de barras que muestra la adopción de tres utilidades de restablecimiento de CSS: Normalize.css (33%), Reset CSS (3%) y Pure CSS (0%). No hay diferencia en la adopción en páginas de escritorio y móviles.
| Engleski | španski |
|---|---|
| bar | barras |
| chart | gráfico |
| showing | muestra |
| adoption | adopción |
| css | css |
| utilities | utilidades |
| difference | diferencia |
| desktop | escritorio |
| mobile | móviles |
| pages | páginas |
| reset | reset |
| pure | pure |
| the | la |
| no | no |
| in | en |
| there | hay |
EN CSS Revisions show prior versions of your custom CSS. Each time you save your changes, a revision is saved. Jetpack will store the last 25 CSS revisions made to any theme on your blog.
ES Las revisiones de CSS muestran las versiones anteriores del CSS personalizado. Cada vez que guardas los cambios, se guarda una revisión. Jetpack guarda hasta 25 revisiones del CSS que se hagan en cualquier tema del blog.
| Engleski | španski |
|---|---|
| css | css |
| show | muestran |
| theme | tema |
| blog | blog |
| versions | versiones |
| is | se |
| revisions | revisiones |
| changes | cambios |
| of | de |
| a | una |
| on | en |
| time | vez |
| each | cada |
EN Tailwind CSS offers an alternative approach to CSS tools and frameworks that reduces complexity through lower-level utility CSS classes
ES Tailwind CSS ofrece un enfoque alternativo a las herramientas y marcos CSS que reducen la complejidad mediante clases CSS de utilidad de nivel inferior
| Engleski | španski |
|---|---|
| css | css |
| offers | ofrece |
| alternative | alternativo |
| frameworks | marcos |
| utility | utilidad |
| an | un |
| classes | clases |
| level | nivel |
| tools | herramientas |
| approach | enfoque |
| to | a |
| lower | inferior |
| reduces | reducen |
| through | de |
EN Ajax loading may prevent CSS added to Code Injection from loading correctly. Add CSS to the CSS Editor instead.
ES La carga de Ajax puede evitar que el código CSS agregado a Inserción de código se cargue correctamente. Agrega CSS al editor de CSS.
| Engleski | španski |
|---|---|
| ajax | ajax |
| prevent | evitar |
| css | css |
| code | código |
| correctly | correctamente |
| editor | editor |
| may | puede |
| from | de |
| loading | carga |
| to | a |
| instead | que |
| added | agregado |
EN Finally, refactor the CSS. Inside the media query for a max-width of 600px, add the CSS which is only for small screens. Inside the media query for a min-width of 601px add CSS for larger screens.
ES Finalmente, refactorice el CSS. Dentro de la consulta de medios para un max-width de 600px, agregue el CSS que es solo para pantallas pequeñas. Dentro de la consulta de medios para un min-width mínimo de 601px agregue CSS para pantallas más grandes.
| Engleski | španski |
|---|---|
| css | css |
| small | pequeñas |
| screens | pantallas |
| is | es |
| media | medios |
| query | consulta |
| a | un |
| finally | finalmente |
| larger | más grandes |
| of | de |
| for | para |
EN Ajax loading may prevent CSS added to code injection from loading correctly. Add CSS to the CSS Editor instead.
ES La carga de Ajax puede evitar que el código CSS agregado a inserción de código se cargue correctamente. Agrega CSS al Editor de CSS.
| Engleski | španski |
|---|---|
| ajax | ajax |
| prevent | evitar |
| css | css |
| code | código |
| correctly | correctamente |
| editor | editor |
| may | puede |
| from | de |
| loading | carga |
| to | a |
| instead | que |
| added | agregado |
EN You can easily generate such merged files and obtain CSS code at the same time with CSS Sprites Tool or CSS Sprites Generator.
ES Puede generar fácilmente dichos archivos combinados y obtener el código CSS al mismo tiempo con CSS Sprites Tool o CSS Sprites Generator.
| Engleski | španski |
|---|---|
| easily | fácilmente |
| css | css |
| code | código |
| tool | tool |
| files | archivos |
| or | o |
| generator | generator |
| generate | generar |
| time | tiempo |
| and | y |
| with | con |
| can | puede |
| the | el |
| same | mismo |
EN For example, if you want to load CSS file on a page for certain modules, instead of using <link rel="stylesheet" type="text/css" href="theme.css">, you should include the stylesheet through css_assets in the module's meta.json file
ES Por ejemplo, si desea cargar un archivo CSS en una página para ciertos módulos, en lugar de usarlo<link rel="stylesheet" type="text/css" href="theme.css">, debe incluir la hoja de estilo a través de css_assets en el archivo meta.json del módulo
| Engleski | španski |
|---|---|
| css | css |
| link | link |
| stylesheet | hoja de estilo |
| theme | theme |
| meta | meta |
| json | json |
| gt | gt |
| if | si |
| modules | módulos |
| load | cargar |
| file | archivo |
| page | página |
| in | en |
| a | un |
| instead | en lugar |
| to | a |
| example | ejemplo |
| include | incluir |
| should | debe |
| of | de |
| using | usarlo |
| for | para |
EN Finally, the 'CSS' panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet. You can also use this panel to import an existing gradient CSS into the tool.
ES Finalmente, el panel 'CSS' siempre tiene el CSS para el gradiente actual para copiar y pegar fácilmente en tu hoja de estilos. También puedes usar este panel para importar un CSS de gradiente existente a la herramienta.
EN Improvement: Visual fix: improve Imagify Notices CSS to avoid issue with WP Engine CSS
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
| Engleski | španski |
|---|---|
| notices | notificaciones |
| css | css |
| engine | engine |
| imagify | imagify |
| wp | wp |
| fix | corrección |
| to | a |
| visual | visual |
| improvement | mejoría |
| avoid | evitar |
| improve | mejorado |
| with | con |
EN Users can import existing CSS files into the new Style Repository Entry Helper and apply the CSS styles easily using drag-and-drop functionality
ES El usuario puede importar archivos CSS ya existentes al nuevo ayudante de entrada "Repositorio de estilos" y aplicar los estilos CSS con facilidad mediante operaciones de arrastrar y colocar
| Engleski | španski |
|---|---|
| import | importar |
| css | css |
| entry | entrada |
| helper | ayudante |
| drag | arrastrar |
| files | archivos |
| new | nuevo |
| repository | repositorio |
| styles | estilos |
| users | usuario |
| can | puede |
| easily | facilidad |
| the | el |
| using | mediante |
EN Step #4. Open your style.css file by right-clicking on it and selecting "Edit" >> Copy and paste the following code into your style.css document and click "Save Changes"
ES Paso 4.Abra su archivo style.css haciendo clic con el botón derecho en él y seleccionando "Editar" >> Copie y pegue el siguiente código en su documento STYLE.CSS y haga clic en "Guardar cambios"
| Engleski | španski |
|---|---|
| style | style |
| css | css |
| copy | copie |
| paste | pegue |
| code | código |
| right | derecho |
| gt | gt |
| file | archivo |
| selecting | seleccionando |
| edit | editar |
| document | documento |
| save | guardar |
| changes | cambios |
| the | el |
| step | paso |
| click | clic |
| your | y |
| on | en |
EN @import url(../../../stylesheets/application.css); @import url(blue.css); #header > h1 { background: url(../images/logo.png) no-repeat -2px -5px; padding: 5px 50px; /* Change this for set your own logo*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
ES @import url(../../../stylesheets/application.css); @import url(blue.css); #header > h1 { background: url(../images/logo.png) no-repeat -2px -5px; padding: 5px 50px; /* Cambiar esto para configurar su logo*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8); }
| Engleski | španski |
|---|---|
| url | url |
| css | css |
| blue | blue |
| header | header |
| png | png |
| import | import |
| application | application |
| gt | gt |
| background | background |
| images | images |
| change | cambiar |
| set | configurar |
| this | esto |
| logo | logo |
| your | su |
EN Starting with WordPress 4.7, you can now add custom CSS to your own theme directly from the Customizer. Just choose the Additional CSS tab when customizing your current theme to get started!
ES A partir de WordPress 4.7, puedes añadir CSS personalizado a tu tema directamente desde el Personalizador. Para empezar, selecciona la pestaña CSS adicional al personalizar tu tema actual.
| Engleski | španski |
|---|---|
| css | css |
| choose | selecciona |
| tab | pestaña |
| wordpress | wordpress |
| add | añadir |
| additional | adicional |
| current | actual |
| directly | directamente |
| your | tu |
| you can | puedes |
| custom | de |
| to | a |
| theme | tema |
| just | para |
| from | partir |
EN Jetpack?s Custom CSS feature allows you to add more features to that CSS editor, as explained below.
ES El módulo CSS personalizado de Jetpack permite añadir más funciones al Editor de CSS, tal y como se explica a continuación.
| Engleski | španski |
|---|---|
| s | s |
| css | css |
| allows | permite |
| editor | editor |
| explained | explica |
| features | funciones |
| to | a |
| more | más |
| as | como |
| custom | de |
EN First, access the CSS editor via Appearance → Customize → Additional CSS.
ES Para empezar, abre el Editor de CSS siguiendo esta ruta: Apariencia → Personalizar → CSS adicional.
EN If this is your first visit to the CSS Editor (or you have not yet added any custom CSS code), you will see a placeholder message in the editing window
ES Si es la primera vez que accedes al Editor de CSS (o todavía no has añadido ningún código CSS personalizado), verás un mensaje sobre marcadores de posición en la ventana de edición
| Engleski | španski |
|---|---|
| css | css |
| added | añadido |
| code | código |
| message | mensaje |
| window | ventana |
| if | si |
| is | es |
| editor | editor |
| or | o |
| in | en |
| editing | edición |
| see | ver |
| the | la |
| to the | al |
| to | a |
| not | no |
| first | de |
| a | un |
EN Preprocessor: the CSS editor has support for CSS preprocessors LESS and Sass (SCSS Syntax)
ES Preprocesador: el Editor de CSS es compatible con los preprocesadores CSS de LESS y Sass (sintaxis SCSS)
| Engleski | španski |
|---|---|
| css | css |
| editor | editor |
| syntax | sintaxis |
| less | less |
| the | el |
| for | con |
EN To restore a previous version of your custom CSS, click Restore for that date and the custom CSS is reverted back.
ES Para restaurar una versión anterior del CSS personalizado, haz clic en Restaurar para la fecha en cuestión y se restablecerá el CSS personalizado.
| Engleski | španski |
|---|---|
| css | css |
| click | clic |
| is | se |
| version | versión |
| restore | restaurar |
| of | del |
| date | fecha |
| to | haz |
| a | una |
| previous | anterior |
| your | y |
EN Jetpack will include the custom CSS as an in-line stylesheet inside the document by default. However, if the custom CSS exceeds 2000 characters in length, Jetpack will generate an external stylesheet and link to it.
ES Por defecto, Jetpack incluirá el CSS personalizado como hoja de estilo integrada dentro del documento. Sin embargo, si el CSS personalizado tiene más de 2000 caracteres, Jetpack generará una hoja de estilo externa y la enlazará.
| Engleski | španski |
|---|---|
| css | css |
| stylesheet | hoja de estilo |
| characters | caracteres |
| generate | generar |
| external | externa |
| link | enlazar |
| will include | incluirá |
| will generate | generará |
| document | documento |
| if | si |
| however | sin embargo |
| default | defecto |
| custom | de |
| as | como |
| inside | por |
| in | dentro |
EN Tailwind CSS allows you to avoid writing any classes or CSS on your own which leads to a more maintainable codebase in the long term
ES Tailwind CSS evita que tengas que escribir cualquier clase o CSS por tu cuenta, lo que conduce a una base de código más fácil de mantener a largo plazo
| Engleski | španski |
|---|---|
| css | css |
| classes | clase |
| term | plazo |
| avoid | evita |
| or | o |
| long | largo |
| your | tu |
| leads | conduce |
| to | a |
| you | tengas |
| writing | escribir |
| any | cualquier |
| which | de |
EN Code Injection isn't intended for adding content or styles. To add content to your site, visit Building a page. To add custom CSS for styles, use the Custom CSS Editor.
ES La Inyección de Código no está diseñada para añadir contenido o estilos. Para añadir contenido al sitio, visita Crear una página. Para añadir CSS personalizado para los estilos, utiliza el Editor de CSS personalizado.
| Engleski | španski |
|---|---|
| injection | inyección |
| styles | estilos |
| visit | visita |
| css | css |
| editor | editor |
| code | código |
| content | contenido |
| or | o |
| page | página |
| site | sitio |
| to | a |
| custom | de |
| use | utiliza |
| for | para |
EN We recommend adding CSS to the Custom CSS Editor instead of Code Injection. If you're adding it to Code Injection, surround the code with <style></style> tags.
ES Te recomendamos agregar CSS al Editor de CSS personalizado en lugar de usar la Inserción de código. Si usarás Inserción de código, rodea al código con las etiquetas<style></style>.
| Engleski | španski |
|---|---|
| adding | agregar |
| css | css |
| editor | editor |
| surround | rodea |
| style | style |
| tags | etiquetas |
| gt | gt |
| code | código |
| if | si |
| instead | en lugar |
| the | la |
| to the | al |
| with | con |
| of | de |
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or CSS code. For example, it is entirely possible to create shading or backgrounds in CSS.
ES Después de comprimir y optimizar tus imágenes, es hora de buscar imágenes que puedas reemplazar por fuentes tipográficas o de código CSS. Por ejemplo, es posible crear fácilmente degradados o fondos con CSS.
| Engleski | španski |
|---|---|
| compressing | comprimir |
| optimising | optimizar |
| images | imágenes |
| replace | reemplazar |
| fonts | fuentes |
| css | css |
| code | código |
| or | o |
| is | es |
| you can | puedas |
| possible | posible |
| time | hora |
| example | ejemplo |
| your | y |
| to | fondos |
| with | con |
| create | crear |
EN The horizontal accordion and vertical accordion in Unbounce landing pages will create collapsing accordion pure CSS portfolio for a business template with optional CSS HTML only accordion
ES El acordeón horizontal y el acordeón vertical en las páginas de inicio de Unbounce crearán un portafolio de CSS puro de acordeón colapsable para una plantilla de negocios con un acordeón opcional CSS HTML solamente
| Engleski | španski |
|---|---|
| horizontal | horizontal |
| accordion | acordeón |
| vertical | vertical |
| pure | puro |
| css | css |
| portfolio | portafolio |
| optional | opcional |
| html | html |
| will create | crearán |
| pages | páginas |
| in | en |
| template | plantilla |
| the | el |
| a | un |
| create | crear |
| business | negocios |
| with | con |
| for | para |
EN The programmers at callas software extended HTML, CSS and JavaScript, so to speak, and added extra HTML elements and CSS attributes, so that they can be used specifically for a graphic workflow
ES Los programadores de callas software ampliaron, por así decirlo, los lenguajes HTML, CSS y JavaScript añadiéndoles elementos HTML y atributos CSS para que pudieran usarse en flujos de trabajo gráficos
| Engleski | španski |
|---|---|
| programmers | programadores |
| software | software |
| css | css |
| javascript | javascript |
| attributes | atributos |
| graphic | gráficos |
| workflow | flujos de trabajo |
| at | en |
| html | html |
| can | pudieran |
| extra | que |
| to | a |
| elements | elementos |
| be used | usarse |
| for | para |
EN CSS Grid – The Great Big Guide to Learning CSS Grid Layouts
ES CSS Grid: La gran guía para conocer layouts tipo CSS Grid
| Engleski | španski |
|---|---|
| css | css |
| grid | grid |
| guide | guía |
| the | la |
| to | para |
| great | gran |
EN After compressing and optimising your images, it is time to start looking for images you can now replace with fonts or CSS code. For example, it is entirely possible to create shading or backgrounds in CSS.
ES Después de comprimir y optimizar tus imágenes, es hora de buscar imágenes que puedas reemplazar por fuentes tipográficas o de código CSS. Por ejemplo, es posible crear fácilmente degradados o fondos con CSS.
| Engleski | španski |
|---|---|
| compressing | comprimir |
| optimising | optimizar |
| images | imágenes |
| replace | reemplazar |
| fonts | fuentes |
| css | css |
| code | código |
| or | o |
| is | es |
| you can | puedas |
| possible | posible |
| time | hora |
| example | ejemplo |
| your | y |
| to | fondos |
| with | con |
| create | crear |
EN To learn more about what CSS properties trigger layout, see CSS Triggers and High-performance animations.
ES Para obtener más información sobre las propiedades de CSS que activan el diseño, consulte Activadores de CSS y animaciones de alto rendimiento.
| Engleski | španski |
|---|---|
| css | css |
| properties | propiedades |
| trigger | activan |
| triggers | activadores |
| animations | animaciones |
| performance | rendimiento |
| layout | diseño |
| high | alto |
| more | más |
EN For Rollup: rollup-plugin-css-porterExample of LCP improvement: Before and after minifying CSS
ES Para Rollup: rollup-plugin-css-porterEjemplo de mejora de LCP: antes y después de minificar CSS
| Engleski | španski |
|---|---|
| lcp | lcp |
| improvement | mejora |
| css | css |
| of | de |
| for | para |
EN Inline any critical-path CSS used for above-the-fold content by including it directly in <head>.Critical CSS inlined
ES Estilos integrados en el código de cualquier CSS de ruta crítica que se utilice para el contenido de la mitad superior de la página que lo incluya directamente en el <head>.CSS crítico con estilos integrados en el código
| Engleski | španski |
|---|---|
| css | css |
| amp | amp |
| gt | gt |
| content | contenido |
| including | incluya |
| it | lo |
| in | en |
| path | ruta |
| by | de |
| directly | directamente |
| critical | crítica |
| any | cualquier |
| for | para |
EN Inlining important styles eliminates the need to make a round-trip request to fetch critical CSS. Deferring the rest minimizes CSS blocking time.
ES La inserción de estilos importantes elimina la necesidad de realizar una solicitud de ida y vuelta para obtener CSS crítico. Retrasar el resto minimiza el tiempo de bloqueo de CSS.
| Engleski | španski |
|---|---|
| styles | estilos |
| eliminates | elimina |
| css | css |
| minimizes | minimiza |
| blocking | bloqueo |
| important | importantes |
| request | solicitud |
| fetch | obtener |
| need | necesidad |
| time | tiempo |
| critical | crítico |
| a | una |
| to make | realizar |
| make | de |
| rest | resto |
EN Critters is a webpack plugin that inlines critical CSS and lazy-loads the restExample of LCP improvement: Before and after inlining critical CSS
ES Critters es un complemento de webpack que integra estilos integrados en el código de CSS crítico y carga diferida de RESTEjemplo de como mejorar LCP antes y después de incorporar estilos integrados en el código de CSS crítico
| Engleski | španski |
|---|---|
| plugin | complemento |
| critical | crítico |
| css | css |
| lcp | lcp |
| improvement | mejorar |
| loads | carga |
| is | es |
| a | un |
| the | el |
| that | que |
| of | de |
EN At times, important resources that are declared or used in a certain CSS or JavaScript file may be fetched later than you would like, such as a font tucked deep in one of the many CSS files of an application.
ES A veces, los recursos importantes que se declaran o utilizan en un determinado archivo CSS o JavaScript pueden recuperarse más tarde de lo que le gustaría, como una fuente escondida en uno de los muchos archivos CSS de una aplicación.
| Engleski | španski |
|---|---|
| important | importantes |
| resources | recursos |
| css | css |
| javascript | javascript |
| font | fuente |
| would like | gustaría |
| or | o |
| used | utilizan |
| application | aplicación |
| file | archivo |
| files | archivos |
| in | en |
| a | un |
| as | como |
| many | muchos |
| the | más |
EN It is also possible to include separate stylesheets in your main CSS file using the @import syntax, @import url(print.css) print;, however this use is not recommended for performance reasons
ES También es posible incluir hojas de estilo separadas en el archivo principal de CSS mediante el sintaxis de @import, @import url(print.css) print;, sin embargo, este uso no se recomendable por razones de rendimiento
| Engleski | španski |
|---|---|
| stylesheets | hojas de estilo |
| main | principal |
| css | css |
| syntax | sintaxis |
| url | url |
| performance | rendimiento |
| reasons | razones |
| import | import |
| separate | separadas |
| in | en |
| is | es |
| file | archivo |
| the | el |
| possible | posible |
| also | también |
| however | sin embargo |
| use | uso |
| this | este |
| not | no |
| to | mediante |
| include | incluir |
| for | por |
EN Improvement: Visual fix: improve Imagify Notices CSS to avoid issue with WP Engine CSS
ES Mejoría: corrección visual: hemos mejorado las notificaciones CSS de Imagify para evitar problemas con WP Engine CSS
| Engleski | španski |
|---|---|
| notices | notificaciones |
| css | css |
| engine | engine |
| imagify | imagify |
| wp | wp |
| fix | corrección |
| to | a |
| visual | visual |
| improvement | mejoría |
| avoid | evitar |
| improve | mejorado |
| with | con |
EN Honoring the color-scheme CSS property requires the CSS to be first downloaded (if it is referenced via <link rel="stylesheet">) and to be parsed
ES Utilizar la propiedad color-scheme del CSS requiere que el CSS se descargue primero (si se hace referencia a él a través de <link rel="stylesheet">) y se analice
| Engleski | španski |
|---|---|
| css | css |
| requires | requiere |
| downloaded | descargue |
| amp | amp |
| gt | gt |
| if | si |
| is | se |
| property | propiedad |
| to | a |
EN CSS pixel volume is from the CSS perspective of layout
ES El tamaño de pixel CSS es desde el punto de vista del diseño
| Engleski | španski |
|---|---|
| css | css |
| pixel | pixel |
| is | es |
| layout | diseño |
| the | el |
| of | de |
| volume | tamaño |
| from | desde |
EN Users can import existing CSS files into the new Style Repository Entry Helper and apply the CSS styles easily using drag-and-drop functionality
ES El usuario puede importar archivos CSS ya existentes al nuevo ayudante de entrada "Repositorio de estilos" y aplicar los estilos CSS con facilidad mediante operaciones de arrastrar y colocar
| Engleski | španski |
|---|---|
| import | importar |
| css | css |
| entry | entrada |
| helper | ayudante |
| drag | arrastrar |
| files | archivos |
| new | nuevo |
| repository | repositorio |
| styles | estilos |
| users | usuario |
| can | puede |
| easily | facilidad |
| the | el |
| using | mediante |
EN With this information, optimize your CSS so that the browser starts processing critical styles immediately after page loads, while deferring non-critical CSS for later:
ES Optimice su CSS con esta información para que el navegador comience a procesar los estilos críticos inmediatamente después de que se cargue la página, mientras pospone el CSS no crítico para más adelante:
| Engleski | španski |
|---|---|
| information | información |
| css | css |
| processing | procesar |
| styles | estilos |
| browser | navegador |
| starts | comience |
| page | página |
| with | con |
| your | su |
| critical | crítico |
| for | para |
| this | esta |
EN The FCP marker appears before the page requests the CSS, which means the browser doesn't need to wait for the CSS to load before rendering the page:
ES El marcador FCP aparece antes de que la página solicite el CSS, lo que significa que el navegador no necesita esperar a que se cargue el CSS antes de renderizar la página:
| Engleski | španski |
|---|---|
| fcp | fcp |
| marker | marcador |
| appears | aparece |
| css | css |
| rendering | renderizar |
| browser | navegador |
| page | página |
| wait | esperar |
| load | cargue |
| need | necesita |
| requests | solicite |
| before | de |
EN The browser must download and parse CSS files before it can show the page, which makes CSS a render-blocking resource
ES El navegador debe descargar y analizar los archivos CSS antes de poder mostrar la página, lo que convierte al CSS en un recurso de bloqueo de renderizado
| Engleski | španski |
|---|---|
| download | descargar |
| parse | analizar |
| css | css |
| show | mostrar |
| resource | recurso |
| blocking | bloqueo |
| render | renderizado |
| browser | navegador |
| files | archivos |
| must | debe |
| it | lo |
| page | página |
| a | un |
| before | de |
EN If CSS files are big, or network conditions are poor, requests for CSS files can significantly increase the time it takes for a web page to render.
ES Si los archivos CSS son grandes o las condiciones de la red son malas, las solicitudes de archivos CSS pueden aumentar significativamente el tiempo que tarda una página web en procesarse.
| Engleski | španski |
|---|---|
| css | css |
| big | grandes |
| poor | malas |
| significantly | significativamente |
| increase | aumentar |
| if | si |
| files | archivos |
| or | o |
| conditions | condiciones |
| requests | solicitudes |
| web | web |
| page | página |
| network | red |
| can | pueden |
| time | tiempo |
| are | son |
| a | una |
| it | de |
EN Critical CSS is a technique that extracts the CSS for above-the-fold content in order to render content to the user as fast as possible.
ES El CSS crítico es una técnica que extrae el CSS del contenido de la mitad superior de la página para mostrar el contenido al usuario lo más rápido posible.
| Engleski | španski |
|---|---|
| critical | crítico |
| css | css |
| technique | técnica |
| extracts | extrae |
| content | contenido |
| fast | rápido |
| is | es |
| possible | posible |
| user | usuario |
| a | una |
EN Inlining extracted styles in the <head> of the HTML document eliminates the need to make an additional request to fetch these styles. The remainder of the CSS can be loaded asynchronously.Inlined critical CSS
ES Insertar estilos extraídos en el <head> del documento HTML elimina la necesidad de realizar una solicitud adicional para obtener estos estilos. El resto del CSS se puede cargar de forma asincrónica.CSS crítico en línea
| Engleski | španski |
|---|---|
| extracted | extraídos |
| styles | estilos |
| amp | amp |
| document | documento |
| css | css |
| loaded | cargar |
| critical | crítico |
| gt | gt |
| html | html |
| additional | adicional |
| request | solicitud |
| in | en |
| eliminates | elimina |
| need | necesidad |
| of | de |
| remainder | el resto |
| can | puede |
| fetch | obtener |
EN On mobile networks, high latency is an issue regardless of bandwidth.Comparison of loading a page with render-blocking CSS (top) and the same page with inlined critical CSS (bottom) on a 3G connection
ES En las redes móviles, la latencia alta es un problema independientemente del ancho de banda.Comparación de la carga de una página con CSS que bloquea el renderizado (arriba) y la misma página con CSS crítico en línea (abajo) en una conexión 3G
| Engleski | španski |
|---|---|
| mobile | móviles |
| latency | latencia |
| bandwidth | ancho de banda |
| comparison | comparación |
| loading | carga |
| css | css |
| critical | crítico |
| blocking | bloquea |
| render | renderizado |
| networks | redes |
| is | es |
| connection | conexión |
| page | página |
| high | alta |
| regardless | independientemente |
| of | de |
| a | un |
| with | con |
| same | que |
Prikazuje se 50 od 50 prijevoda
Slični prijevodi
css templates css user css using css both css pure css css code css text css files css grid templates css adjustments css free templates responsive css templates css table templates css file css grid layout add custom css css rules preload combined css marked with css refactor the css css transformations css pixel add the css tailwind css offers own css css media queries critical css needs css attributes inline all css css coding css styles saves custom css css instead remove css add css aggregated css css grid tailwind css classes better css css layout optimised css css pixels inlined css sitewide css css document custom css editor inlined critical css critical css inlined inlining critical cssPrevedite css na drugi jezik
Arab 
Dutch 
Finnish 
Francuski 
Indonezijski 
Italian 
Japanski 
Kineski 
Mađarski 
Norveški 
Polish 
Ruski 
Vijetnamski 
korejski 
njemački 
portugalski 
turski 
Češki 
Švedski 
španski