¿Qué sucede con CSS cuando cargamos una página?

Aunque sabemos cómo escribir el código de HTML y CSS, muchos desarrolladores no saben cómo el navegador procesará HTML y CSS. Si no sabe cómo se procesarán el HTML y el CSS, no se preocupe, estoy aquí para ayudarlo. Este artículo ayudará a los aspirantes a desarrolladores y a los desarrolladores que trabajan con conceptos básicos de la web a solidificar los conceptos que tienen sobre la información en sus mentes. Lea el artículo completo para obtener el conocimiento.

¿Qué es HTML y CSS?

html significa lenguaje de marcado de hipertexto y CSS significa hojas de estilo en cascada. en palabras simples, HTML se usa para dar la estructura a toda la página web, por cierto, la estructura de la página web significa el texto que ves en la página escribe ahora, e imágenes, CSS incluye el estilo significa cómo el elemento HTML debe buscar en la pagina.


What Happens To The Css(cascading style sheet) when It Loads In The Browser[/caption]

¿Qué es analizar?:

el análisis no es más que el procesamiento del código escrito por el desarrollador en formato visual. El análisis de html y Css significa cómo el navegador los procesará y cómo organizará nuestro código en el formato visual en la pantalla del navegador.

Ahora aprenderemos la fase de procesamiento y análisis  del html y css por parte del navegador.

  • cuando el usuario solicitó el sitio web, el navegador solicitará el documento HTML del servidor y el navegador cargará el código en el documento HTML.

  • En el segundo paso, el navegador procesará el código mientras procesa el código, solo descargará las imágenes y los otros archivos CSS para diseñar la página web, y el código CSS también se cargará en el navegador. El archivo CSS se descargará cuando se analice el archivo HTML.

    El navegador creará el DOM ( modelo de objeto de documento ). DOM significa la referencia de todos los elementos en el archivo HTML.

  • El análisis del CSS se realizará en dos pasos.

      Esos dos pasos son:

    • En este paso, el navegador escaneará el archivo css de arriba hacia abajo y aquí la resolución de conflictos proviene de las reglas en cascada de Css. Aquí el navegador hará la lista virtual de las propiedades finales que deben aplicarse a los elementos html.

    • En este paso, el navegador solo asignará los valores finales calculados para las propiedades que deberían aplicarse a los elementos HTML. aquí los valores calculados finales se calcularán en función de la ventana gráfica (es decir, el tamaño del navegador en la pantalla). aquí los valores finales todos los valores relativos serán convertidos a valores absolutos.

  • Después de resolver Los dos trabajos principales en la fase de análisis del CSS. Después de que el navegador cree el CSSOM . CSSOM significa la hoja de estilo en cascada, modelo de objetos. En palabras simples, CSSOM significa los estilos que deben aplicarse para los elementos HTML finalmente en el navegador frente al usuario.

  • En este paso, el navegador tomará DOM y CSSOM y creará el árbol de representación final. el árbol de representación tendrá todos los elementos y estilos HTML para ellos. El navegador tomará ese árbol de representación y se lo dará a la Herramienta de formato visual.

    La herramienta de formato visual creará el diseño final de la página que creará la versión visual final de nuestro código HTML y CSS.

  • El sitio web está renderizado. Veremos las imágenes finales renderizadas del sitio web de nuestro código que escribimos en el editor de código.

Publicación traducida automáticamente

Artículo escrito por ugoutham49 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *