consulta de principiante como empezar con los css

flopyta · #1 (**permalink**) 26/12/2011, 07:09

buenos dias, estoy empezando a investigar para aplicar en mis webs los css... y estoy bastante desorientada.
1/ los css los puede escribir desde la cascada que estan a la derecha del programa o solo lo tengo qeu hacer en la hoja de css...
2/ se me hace lio cuando queire darle un nombre al css, que me pregunta si es solo en el html, en la etiqueta, en ese desplegalble que te aparecen 4 opciones, porque me dice debe empezar el nombre con punto, bla, bka.... que es lo que debo tomar.

Alguno me puede asesorar por donde empezar hacer las cosas...

gracias!

emprear · #2 (**permalink**) 26/12/2011, 13:11

Porque se me hace la idea de que estás hablando de DreamWeaver?
Si estás empezando con CSS, mejor hacerlo por un buen tutorial, y no por una aplicación que presupone que conoces al menos los principios básicos del lenguaje que querés implementar.
Podés ir leyendo
http://librosweb.es/css/index.html

Saludos

flopyta · #3 (**permalink**) 26/12/2011, 15:34

hola, si lo uncio que hice de css es desde drewamweber xq de otra forma nos e hacerlo,

gracias x tu respuesta, por lo que voy captando no se utiliza el dreamweber aca no?

cristian_cena · #4 (**permalink**) 26/12/2011, 17:06

hola flopyta.

Poco y nada, acá encontrarás más bien gente que te oriente sobre como escribir css.
En algún punto de nuestras vidas hemos usado dreamweaver, pero créeme que con poco conocimiento sobre css ya no lo necesitas. El capítulo 2 del libro que te recomendó emprear es cortito y te abrirá el camino para que seas independiente del editor. En él también verás porque dw te pide que empiezes las clases con puntos, los ids con numerales, etc.
Si tenes una duda con esto, no dudes en plantearla y te ayudamos.

Si, en cambio, sea por tiempos, etc. necesitas solucionarlo rápido desde dreamweaver podrías visitar también el foro de editores, seguramente encontrarás ayuda.

Saludos.

ZoroRoronoa · #5 (**permalink**) 26/12/2011, 17:36

usa otros editores, te recomiendo notepad++

Yacobh · #6 (**permalink**) 26/12/2011, 18:11

LA mejor forma de empezar con css, es bajarte una hoja de estilos de otra web, o de algún tutorial, y subirla en el servidor donde tengas alojada tu pagina haciendo el enlace entre la pagina y tu hoja de estilos...
este esun ejemplo de una hoja de estilos.. la guardas como estilos.css

Código CSS:

Ver originalbody {
    background-color: #666666;
    font-family: Arial, Helvetica, sans-serif;
}
/*Documento CSS*/
 
#menu{
    float: left;
    width: 150px;
    height: 100px;
    padding: 7px;
    padding-left: 8px;
    border-right-color: #ececf;
    border-right-width: 1px;
    border-right-style: dotted;
}
 
#menu a{
    padding: 3px 1px;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: bold;
    color: #CCCCCC;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: gray;
}
 
#menu a:hover{
    background-color: #CCCCCC;
    color: #333333;
}
 
#contenido{
    float:center;
    margin:0 auto 0 auto; 
    width:480px;
    height: 600px;
    padding: 5px;
    padding-bottom: 8px;
    background-color: #CCCCCC;
}
 
.titulo {
    color: #006699;
    font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif, Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
}
.comentario {
    color: #006699;
    font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif, Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    font-style: italic;
}
.parrafos {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

y luego un codigo html como este

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Titulo</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>

<body>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<div id="menu">
este es  el menu <br>
</div>

<div id="contenido">
  <h3 class="titulo">este es el contenido en titulo</h3>
  <br>
  <h2 class="comentario">este un coentario</h2>
  <BR><BR> <h1 class="titulo">este un titulo masgrande</h1>
  <p>Escoge una opci&oacute;n del men&uacute;...  </p>
</div>

</body>
</html>

y si utilizas un editor como notepad++ podrias probarlo. se baja rapido y no te quita mucho tiempo, si despues quieres cambiar los estilos vas probando y asi te daras cuenmta de que es cada cosa

flopyta · #7 (**permalink**) 26/12/2011, 21:33

muchas gracias, voy a probar todo y les cuento.
saludos