Caso CSS 1: Página de inicio de la plataforma de educación en línea Wang Xuecheng 01

¡Este es un caso simple que combina el conocimiento básico de CSS mencionado en el blog anterior para convertirse en un caso un poco más completo! ¡Aquí repasaré cada parte en detalle!

En esta imagen podemos ver que la página de inicio está dividida aproximadamente en las siguientes partes:

Inicialización de CSS

Determinación del tamaño del centro de versiones

Puede utilizar la herramienta Marco de matriz de PS para determinarlo.

Como se muestra en la imagen, el ancho central del tablero es 1200 px;

El tamaño de la barra de navegación es 1366 px.

Se puede dividir en cuatro partes: logotipo, barra de navegación, búsqueda y personal.

Parte de la estructura de la página:

Parte de estilo CSS

Se deben tener en cuenta los siguientes puntos:

Estructura

El estilo CSS es:

Nota:

Estructura

Estilo CSS:

Lo que cabe destacar es el

estructura

Modo

Nota:

Estructura

Estilo css

Nota