Ya teniendo el proyecto, del lado izquierdo nos aparecera la ventana "projects", si no tenemos esta ventana seleccionamos de la barra de menus window>projects.
Dentro de esta ventana aparecera el nombre de nuestro proyecto, en este ejemplo se llama "PersonalPage", damos clic sobre el,nos mostrara una serie de carpetas seleccionamos la carpeta "WebPages" y desplegara mas carpetas y archivos, los archivos que estan fuera de carpeta son te tipo html, es decir el ejcutable de la pagina. Para crear el estilo, crearemos una carpeta dentro de "Web Pages" con el nombre de "css" esto lo hacemos directamente en la ubicacion del archivo en el explorador windows o gestor de archivos segun el sistema operativo que se este usando.
ya creada la carpeta ahora en en NetBeans, daremos clic derecho sobre la carpeta css, seleccionaremos new>other>other>Cascading Style Sheet>next>Le damos un nombre>finish.
Una ves creada la hoja de estilo. borramos lo que contenga esta y ponemos el siguiente codigo.
*{
margin: 0px;
padding: 0px;
list-style: none;
}
Esto indicara en margen de nuestra pagina.
Primeramente le daremos un algunas caracteristicas basica a nuestro menu que creamos asi que pondremos este codigo.
a:link{
text-decoration: none;
color: black;
}
donde a:link nos dice que aplicara esta caracteristica a esa etiqueta, text-decoration: none, indica la decoracion del texto dentro del objeto, y color:black, es el color del texto, el color puede ser cualquiera.
despues de esto, le diremos a html que los links que hayan sido visitados los marque de color azulvioleta.
a:visited{
color:blueviolet;
}
y tanbien estableceremos que los links que no hayan sido visitados los ponga en color azul.
a:hover{
color: slateblue;
}
Ahora si se preguntaban para que nos sirve el id, pues sabran una forma de usarlo, nos sirve para indicar una relacion entre el objeto de una clase, en este caso el estilo que le daremos a esa etiqueta.
Primeramente pondremos el signo gato"#", este nos mostrara los id's de la otra clase, seleccionaremos el que pusimos en el blog pasado en mi caso fue "idNav" abriremos y cerraremos llaves, y dentro de ellas, pondremos el formato o caracteristicas que queremos que tenga en la pagina web esta etiqueta.
Ejemplo:
#NavWeb{
width: 80%;
background-color: #a09fa0;
max-width: 1100px;
margin: 5px auto;
}
con el signo # puedes llamar a todos tus id y darle formato a cada etiqueta.
Width: ancho del objeto.
background-color: color de fondo del objeto.
max-width:fija el ancho maximo.
margin: es el margen, y el parametro auto, indica que sea automatico.
existen un compendio sin fn de estos, estos ingresa al siguiente link.
