Decodificación del código CSS del espacio Baidu

Cuerpo {estilo de fondo en la página Etiqueta del cuerpo: # 000000; color de fondo negro: # 555b6e color del texto posición de fondo: centro superior; imagen de fondo centrada horizontalmente, desbordamiento vertical-x: oculto desbordamiento horizontal} es probablemente el más difícil de entender; . Jaja, puede entenderse como un contenedor con id = usrbar. El estilo del enlace y la etiqueta nobr en el contenedor cumplen con las siguientes regulaciones. {…………} Entre ellos, importante significa "principalmente", que es principalmente para resolver las diferencias entre algunos navegadores y evitar conflictos de estilo con ciertos enlaces especificados a continuación. HTML body center div #usrbar, contenedor html body center div # usr bar a, html body center div # usrbar a: enlace, html body center div # usr bar a: visitado, html body center div # usr bar nobr { color: # 666 ! Importante; color de fuente #666decoración de texto: ¡Ninguno! Importante; fondo: URL (

) se repite -x! La repetición del eje x de la imagen de fondo es importante; -moz-opacity: 1! Importante; filtro Moz, opaco (agregue "-" al frente, lo que indica que solo ie6 puede leer): ¡ninguno! Importante; Filtrar Ninguno} Aquí nuevamente especifique el color del enlace movido. Después de que CSS especifique repetidamente el estilo, prevalecerá este último. Centro del cuerpo HTML div # usr bar a:hover { color: # 999! Importante;} Dado que el contenido especificado está vacío, el centro del cuerpo HTML div # ft { }/*-line { border:. Fondo: URL (/CSS/pic/item/deef 990 fa 6 e 59 a 056059 f 394 . jpg) repetir-x; margen superior: 5px altura de línea: }/* - Configuración de estilo de enlace de página. El estilo del enlace en toda la página, es decir, el estilo de la etiqueta A, es generalmente un {color:#004f. tamaño de fuente: 12px; tamaño de fuente 12px familia de fuente: verdana, Arial, Helvetica, sans-serif; peso de fuente especificado: normal sin negrita, cursiva, etc. Decoración de texto: ninguna; sin efecto de subrayado} A: Enlace con enlace {color: # 4b 596 f; tamaño de fuente: 12px; : 12px; decoración de texto: ninguna} con el mouse arriba, a: hover {color: # 888; tamaño de fuente: 12px; decoración de texto: subrayado} /* - etiqueta con fondo de estilo principal {ID} (Contenedor); . Fondo - Posición sin imagen de fondo: centerbottom El fondo está centrado horizontalmente y ocupa verticalmente }/*-header { Alto de estilo de la etiqueta (contenedor) con ID de encabezado: . Altura del contenedor 160 píxeles de fondo: URL (

) sin duplicación en la parte inferior central; } enlace de la imagen de fondo y estipule que la imagen de fondo no repita # headerdiv.

tit {Todas las clases = tetas en la etiqueta encabezada por ID, es decir, color de estilo: #fff div (contenedor), nombre de clase Tit: # fff; altura de línea: 30 px, altura de línea 30 píxeles, tamaño de fuente: 20 px familia de fuentes: " Microsoft Yahei"; grosor de fuente: normal; arriba: 45px; izquierda: 100 px; aquí lo que se especifica es que la posición del contenedor es coordenada X 45 y coordenada del eje y 100} # Headerdiv. Tita. enlace de título {. Tit, un estilo de enlace llamado Titlink, color: # fff tamaño de fuente: 20px familia de fuentes: "Microsoft Yahei"; decoración de texto: ninguno } # encabezado titlink: visitado {color visitado: # fff; -decoración: none } # header div . tita . titlin: hover { color: # DDD cuando el mouse se mueve hacia arriba } # header desc { El ID del encabezado superior es: 75px Todos los nombres de clase en la etiqueta son desc. del div (contenedor); izquierda: 101px; color: # ffffont-size: }