Taobao páginas estáticas (tres) - La publicidad de la cabeza

La publicidad de la cabeza es relativamente simple, pero el proceso también se encontró una gran cantidad de problemas, el proceso es bastante desigual. Las versiones finales:
Aquí Insertar imagen Descripción

En primer lugar, que su marco, un div que incluye: la izquierda es una imagen con enlaces a la derecha es ul organizó un pequeño módulo. flotado claro, y centralmente dispuesta en div, el color de fondo se proporciona en el elemento div padre. Li en el que, en primer lugar tener en cuenta la anidación bajo una etiqueta, pero una etiqueta es un elemento en línea, tratar de no ser anidado dentro de la parte izquierda del texto es un div set, pero tan desagradable para buscar rastreadores de motores, porque la compañía será generalmente SEO. Por lo tanto, la selección final
Aquí Insertar imagen Descripción
de los diferentes escenarios de aplicación h etiquetas, etiquetas h1 derecha más pesadas, que generalmente se utiliza para registrar Página de imágenes artículo de la página titulares de noticias, o la página de ordinario, llevado a cabo en vista del cambio de la palabra, puedo ver el artículo de texto desbordado
https: //blog.csdn.net/weixin_43704007/article/details/104535885
h2 para el subtítulo, como Taobao para el tema del mercado. . .
Módulo h3 por el título, tales como productos de Taobao buenas. . .
medios h4 para el subtítulo. . .
Aprender la sintaxis compilador Emmet puede mejorar su velocidad, hay plug-in de apoyo!
Algo importante que decir tres veces:
etiqueta base href no use!
etiqueta base href no debe usar!
etiqueta base href no debe usar!
código html:
Aquí Insertar imagen Descripción
Además de su código CSS:
1) Imagen de fondo y el fondo es diferente, imagen de fondo con la imagen detrás único camino, la necesidad de establecer un fondo de repetición y el fondo de tamaño, mientras que el fondo es un texto complejo, detrás se puede esperar con la url, no-repeat, la ubicación.
2) Imagen de fondo solamente los padres establecer el ancho y la altura, se mostrará la imagen, y el fondo de tamaño Si no se establece, a continuación, muestra la anchura y la altura por defecto, si sólo un valor, el otro valor disminuirá a medida que la proporción del tamaño de las imágenes de forma automática ajuste.
3) li ul flotante flotando en el flotador claro para div!
4)
Aquí Insertar imagen Descripción
5) emite un primer margen de relleno subelemento pasado BFC elementos de
código CSS:
Aquí Insertar imagen Descripción
Aquí Insertar imagen Descripción
Aquí Insertar imagen Descripción

Publicado 37 artículos originales · ganado elogios 0 · Vistas 719

Supongo que te gusta

Origin blog.csdn.net/weixin_43704007/article/details/104638409
Recomendado
Clasificación