*//
Es conveniente aclarar que este archivo debe de ir en la misma carpeta en donde tenemos los otros archivos html que constituyen el sitio, ademas debo sugerir que usen un nombre tan sencillo cono estilo.css o style.css CSS entonces nos permite darle una serie de atributos a nuestro html, sin llenar de código ni complicarse mayormente la existencia pintando cuadraditos de color y cambiando a mano el color de los textos uno a uno, con css, solo definimos una regla y ya! como por ejemplo, como hago para que todos los títulos de mi página tengan las misma característica, muy fácil
Ej: h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;
color: #333333;
margin-left: 30px;
}
Tradución, significa que este título (Etiqueta h1 en html) es de color negro, en bold, de 18 px de tamaño, y que ademas tiene cierta posición en la pág. de 30 px de margen al lado izquierdo... hagan la prueba, hagan un archivo css y copien este código, al hacer el textoel tag h1 quedará autometicamente afectado por este.
Así podemos seguir infinitamente con los textos, lo bueno de esto es que tambien podemos afectar la posición de imagenes insertadas, podemos darle un fondo que se repita, que quede fijo, y modificarlo tan solo llendo a este archivo y cambiando solo una linea de texto.
CSS también nos permite afectar a cuantos archivos queramos, podemos hacer varios sitios con un archivo maestro sin necesidad de hacer otros, podemos cargar fondos de todo tipo, darle color y forma a nuestros divs
(cajas de contenido), editar las listas, hacer menu con estados (hover, active, visited...) y todo con este bello lenguaje que ademas tiene una interfaz muy amigable, en DreamWeaver, cs,cs2, 3, 4... o las últimas versiones pueden ver en el costado derecho en las paletas, 2crear estilo css... y ya! desde esa paleta podrás manejar tamaños, posición, color, y todo en tiempo real.
Fantástico no... bueno si tienes dudas o interes en aprender a usar este lenguaje hay muchos tutoriales en internet, aquí dejo un link para que descargues
http://www.desarrolloweb.com/manuales/manual-css-hojas-de-estilo.html
http://www.w3schools.com/css/css_text.asp éste enlace tiene ejemplos muy claros con el código, está en inglés pero es super claro, investiguen está bien buena la página
http://cssmenumaker.com/ En este sitio encontraran como hacer menus desplegables en css, suerte!!!
No hay comentarios:
Publicar un comentario