Traducción de código CSS
Color de fondo: # DCDCDC/*Color de fondo*/
Familia de fuentes: Arial, Helvetica, sans serif /* Fuente; */
font-size:12px; /*Tamaño de fuente*/
Alto de línea: 24px/*Alto de línea de texto*/
Color: # 336699 ;/*Color de fuente*/
}
Td, th {/*Establece los siguientes atributos del estilo td th en todas las tablas. Interpretarlos como cuerpo*/
Familia de fuentes: Arial, Helvetica, sans-serif
tamaño de fuente: 12 px
alto de línea: 24 px; /p>
Color:# 333333;
}
A {/*Establecer estilo de enlace*/
Color:# 3366CC
Decoración de texto: Ninguna; /*Sin subrayado*/
}
Formulario{/*Estilo de formulario*/
Color de fondo: # CCCC99
}
. title {/*Establece el estilo del elemento llamado título */
Familia de fuentes: Arial, Helvetica, sans serif;
Tamaño de fuente: 24px
Línea Alto: 30px
Color de fondo: #006666;
Color: #DCDCDC
}
. subtítulo {/*Usar nombre de clase subtítulo */Establecer el estilo del elemento
Familia de fuentes: Arial, Helvetica, sans serif;
Tamaño de fuente: 16px;
Alto de línea: 22px
Grosor de fuente: negrita /*Grosor de fuente*/
Color: # 006666;
}
. header {/*Usar encabezado de nombre de clase */Establecer el estilo del elemento
Familia de fuentes: Arial, Helvetica, sans serif;
Tamaño de fuente: 24px
Color de fondo: #006666;
Color: #DCDCDC
}
. nav {/*Establece el estilo del elemento con el nombre de clase nav */
Familia de fuentes: Arial, Helvetica, sans serif;
font-size:14px;
Grosor de fuente: negrita;
Color de fondo: #CCCCCC;
}
. navLink {/*Establece el estilo del elemento llamado navLink */
Familia de fuentes: Arial, Helvetica, sans serif;
font-size:14px;
Grosor de fuente: negrita;
Color de fondo: #DEDECA
}
. barra lateral {/*Usar la barra lateral del nombre de la clase */Establecer el estilo del elemento
Familia de fuentes: Arial, Helvetica, sans serif;
font-size:12px;
Alto de línea: 18px;
Relleno: 3px/*Relleno a 3 píxeles*/
Color de fondo: # FFFFFF
}
. sidebarHeader {/*Establece el estilo del elemento con el nombre de clase sidebarHeader */
Familia de fuentes: Arial, Helvetica, sans serif;
Tamaño de fuente: 16px;
Alto de línea: 24px
Color: #FFFFFF
Color de fondo: #339999;
}
.
sidebarFooter {/*Usa el nombre de la clase sidebarFooter */Establece el estilo del elemento
Familia de fuentes: Arial, Helvetica, sans serif;
font-size:12px;
Alto de línea: 18px;
Color de fondo: #CCCCCC;
}
. Pie de página {/*Establece el estilo del elemento denominado pie de página*/
Familia de fuentes: Arial, Helvetica, sans serif
font-size: 14px
Alto de línea: 22px
Color: # 333333;
Color de fondo: # CCCCCC;
}
. legal {/*Establece el estilo del elemento denominado legal */
Familia de fuente: Arial, Helvetica, sans serif;
Tamaño de fuente: 9px
Color : # 333333;
}
. box1 {/*Usa el nombre de clase box1 */Establece el estilo del borde del elemento
Color del borde: # CCCCCC # 333333 # 333333 # CCCCCC; /*Colores correspondientes a la parte superior, derecha, inferior e izquierda del borde*/
Ancho del borde: medio /*Grosor del borde*/
Estilo de borde: Ridge ;/*Estilo de borde*/
}
. promo {/*Establece el estilo del elemento con el nombre de clase promo */
font-family: "Times New Roman", Times, serif
Color: # 000033; /p >
}
. barra de título {/*Establecer el estilo del elemento de la barra de título*/
font-family: "Times New Roman", Times, serif
Tamaño de fuente: 9px
Color :# FFFFFF
Color de fondo:# 336699;
}
. dingbat {/*Establece el estilo del elemento llamado dingbat */
Familia de fuentes: Arial, Helvetica, sans serif;
Color de fondo: # 99CC99
Color: # 006666;
Grosor de fuente: negrita;
Tamaño de fuente: mediano;
}
A:hover { /* Establecer el estilo del enlace cuando el mouse se mueve hacia arriba*/
Decoración del texto: subrayado;
}
Input.big {/*Establecer en el estilo del elemento de entrada nombrado grande*/
Ancho: 100 px; /*Ancho*/
}
Input.small {/*Establecer en el elemento de entrada Estilo llamado pequeño */
Ancho: 50px
}