Cómo ver el código fuente y depurar el CSS de una página web con F12

1. Al depurar una página web en el navegador, utilice la tecla de acceso directo F12.

2. En la ventana de herramientas emergente, la función predeterminada es Dom Explorer, que enumera el código fuente de la página web y la lista de estilos CSS.

3. Utilice la función de posicionamiento de elementos para seleccionar la posición de un elemento en el código fuente de la página web, como el elemento "web" en la página de inicio de Baidu.

4. Modifique el estilo CSS del texto posicionado y agregue estilos en línea, como cambiar la fuente a rojo. También puede modificar manualmente otros estilos existentes.

5. Visualiza el estilo CSS que debe tener el elemento y haz clic en el menú "Calcular".

6. Para ver la información de diseño del elemento, haga clic en el menú "Diseño".