Hola como estan hace poco empece con css y he aprendido mucho mirando manuales y viendo las preguntas y soluciones que hacemos en el mismo Foro lo que pasa es que quiero que me digan si mi codigo es muy redundante o muy confuso mejor dicho quiero que me digan que deberia mejorar para que fuera mas preciso
Les recuerdo hace poco empece comprendamen jajaja
TODO ES CSS
body
{
background:#FFF;
}
#contenedor
{
/* ESTE ES EL CONTENEDOR PRINCIPAL DE LA WEB*/
font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:2em;
background:#304550;
width:900px; height:800px;
border:3px solid #ccc;
margin:auto;
}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO EL BANNER*/
#contenedor2
{
font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; font-size:1em; text-align:center; text-transform:capitalize;
background:#304550;
width:880px; height:150px;;
border:3px solid #E9E9E9;
border-bottom:0px;
margin:2px 10px;
}
/* ESTE ES EL CONTENEDOR DONDE ESTA UBICADO LOS ENLACES*/
#contenenlaces
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:center; text-transform:capitalize;
background:#333333;
border:3px solid #E9E9E9;
margin:2px 10px;
}
/*ESTE ES EL CODIGO DE LOS ENLACES A:LINK A:VISITED A:HOVER*/
a:link,a:visited
{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:none;
margin:3px;
}
a:hover{
color:#fff; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center,
text-transform:capitalize;text-decoration:none;
background:#666666;
}
/*ENLACES PARTE CONTENEDORIZ*/
ul.menu
{
/*list-style-type:none;*/
}
ul.menu ul
{
list-style-type:none;
display:none;
}
ul.menu li:hover >ul
{
display:block;
}
/*********************** CLASES ***************************************/
p,li{color:#000;}
.text{color:#336699;font-size:9pt; text-decoration:none;}
.text2{color:#333333;font-size:9pt; text-decoration:none;}
/*********************************************** --->>> H1 H2 H3 H4 .. <<<--*/
/* TITULOS */
h1 {font-family:Tahoma; color:#fff; font-size:20px;}
/* PARA ENLACES DE NAVEGACION IZQUIERDOS */
h2 {color:#000; font-family:"Lucida Sans Unicode"; font-size:20px; text-align:center;
text-transform:capitalize;text-decoration:underline;
}
/*********************************************** --->>>*/
/* CONTENEDORES DONDE SE ENCUENTRA UBICADO LOS TEXTO TITULOS Y DEMAS RELLENO */
#contenedoriz
{
font-family:"Lucida Sans Unicode"; font-size:20px; color:#fff; text-align:left; text-transform:capitalize;
background:url(desbanecido.jpg) repeat-x #fff; /*TAMBIEN SE PUEDE DEFINIR background:url(desbanecido.jpg) repeat-x; background-color:#fff; para que de el efecto de imagen con fondo coloreado;*/
border:3px solid #E9E9E9;
padding:5px;
margin-right:0px;
margin:2px 10px; /* el primer px maneja top -- bottom el otro px maneja left--right*/
float:left;
width:200px; height:500px;
}
#contenedorprin
{
background:url(desbanecido.jpg) repeat-x #FFFFFF;
color:#000;
width:628px;
border:3px solid #e9e9e9;
padding:5px 3px;
float:right;
margin:2px 10px;
}
AQUI EL DISEÑO :)
http://www.truekesoft.net/mi%20web%20css/nuevo%20dise%f1o%20en%20css/nuevo%20dise%f1o/index.html