Developers Worldwide: junio 2013

sábado, 8 de junio de 2013

Como usar La hoja de Estilo

Css

La hoja de estilos es muy facil de utilizar si tenemos una etiqueta en html
por ejemplo;
<body>

</body>
Esta equiqueta le podemos mandar llamar con un id o con su mismo nombre

<body id="Cuerpo">

asi quedari nuetra etiqueta con el indentificador
solo queda mandar a llamar la etiqueta para poder ponerle estilo ya sea color de fondo de letras etc.

mandamos llamar asi en la hoja de estilo con un #
#+el nombre del "id"
quedaria asi;

#Cuerpo {

}
en medio de las dos llaves ponemos todas las funciones o efectos que desseamos que aga esa parte de body
esto lo podemos hacer con cualquier etiqueta que pongamos en nuestro codigo html solo es cuetion de poner un "id" para saber cual es la etiqueta a modificar

Menus html y css

Esto es lo que va en Html

<ul id=”button”> <li><a href=”#”>Home</a></li> <li><a href=”#”>About</a></li> <li><a href=”#”>Services</a></li> <li><a href=”#”>Clients</a></li> <li><a href=”#”>Products</a></li> <li><a href=”#”>F.A.Q</a></li> <li><a href=”#”>Help</a></li> <li><a href=”#”>Contact Us</a></li> </ul>

Y esto en la Hoja de estilo css

mandamos llamar nuetro ul con el id

#button {
padding: 0;
}

#button li {
display: inline;
}

Esto es para la fuente y  colores

#button li a {
font-family: Arial;
font-size:11px;
text-decoration: none;
float:left;
padding: 10px;
background-color: #2175bc;
color: #fff;
}