Maquetar una web con CSS

Supongo que cuando diseñas con tablas utilizas la atributo border="1" para ver la estructura en el navegador, y luego cuando terminas el diseño, borras el atributo o lo defines a border="0". Algo que debes tener en cuenta es que estás utilizando los atributos: alto, ancho, y borde... en el manejo de tablas. Es similar en CSS ya que para ver la estructura en el navegador puedes utilizar los 3 atributos, sino los utilizas no verás nada, es por lo que piensas que CSS es algo extraño.

Yo en lo personal utilizo este mini-truco:
Trato de definir el ancho(width), el alto(height) y el borde(border:color, ancho, diseño) a las div's, para ver la estructura básica del diseño.
Ejm:
#ejemplo{
width:350px;
height:50px;
border:#adadad 1px solid;
}

Luego en el codigo...

<div id="ejemplo>
<br /><br />
</div>

Esto muestra un recuadro de 350x50 con borde de línea continua, de color gris.

Además, si utilizas Dreamweaver 8, ya muestra las divs con linea entrecortada similar a los bordes de una tabla, por lo que facilita más las cosas.

Revisa el manual de CSS en www.desarrolloweb.com, a mi ayudó mucho a migrar de tablas de html, simplificando de manera considerable el código.

CSS además permite hacer cosas que con un HTML simple no puedes.
Para mi lo mejor es el poder modificar por ejemplo, el tipo de letra de toda la web desde un sólo archivo, el de CSS. Si tenemos 50 páginas y has de cambiar una a una el tipo de letra....

Yo te recomiendo que revises el manual: CSS a fondo, en este mismo sitio. Es claro, y concreto. Es la mejor opción para iniciar con CSS y luego poco a poco irás perfeccionando tus diseños a medida que vayas practicando.

Pues contrario a lo que ha dicho en mi punto muy personal prefiero hacer todo el diseño bajo html,, me refiero a todo el diseño estructural de la pagina, dode van a ir los textos, los menus, las imagenes, etc, ya que esto te da un mejor control y una mejor compresion de el quedo contrario lo que hace una maquetacion por css, ya que aqui puedes priemro poner un div al incio del codigo que ira al final de la pagina y viceberza a demas el manejo de la cordenas de los div acen de la pagina una pagina estatica, endode si te pones agreagar mas texto o hacer el contenido mas grade la div del cotenido crecera pero no movera las divs que este vajo de el, lo que si pasa con una tabla que muve las celdas hacia bajo si una celda superior crece, esto lo he esperimetado ya que estube trabajando en con un grupo de diseñadores yo me encagaba de la progrmacion y ellos del diseño los diseños los hacian en goblive de adove, entoces para mi era un cuente comprender los codigo y preferia reacer los diseños en tablas, por que la paginas eran dinamicas, mas sin ebargo creo que todo el formato deve de ir en css, los fondos tipos del letras, colores, etc. esto por que css ofrece una mayor versativilidad en el formato ya que se puede hacer un css externo y desde ahi controlar todo el formato del sitio completo, cambia el fodo de todos, cabiar el tipo de letra, aqui esta un concepto mal entido pienso yo,, el divir estructura del formato,, para mi la estructura es en dode van a ir las cosas, el formato es los atributos visuales como color, tamaño y fuente.. aparte los diseños de este tipo necesitas un editor ya que es dificil mas bien tedioso estar buscando las cordenadas correctas

a la pregunta... como empesa, empieza por los comceptos basicos, somo se escribe un atributo tanto en una etiqueta como en un <style > </sctyle> como sacar los estilos a un .css, manejo de capas que es real mente facil. y listo
pues para empezar por el inicio ver que es css y de ahi vas avanzando el curzo de webestilo.com esta un poco mas etedible recomedado si quieres empesar..

yo prefiero las tablas.....!!!