Como diseñador web que ha diseñado sitios web con tablas pero nunca con CSS, ¿cómo puede un novato comenzar con CSS?¿Cómo recomendarías a un principiante Empezar a usar CSS?
SO - Css Book & website for CSS
Comience leyendo sitio web tutorial primero. De esta manera, verá cómo crear CSS simple y ver los beneficios.
Than, que sugieren ya que sabe cómo diseñar sitio web para comprobar otra fuente de página web y ver sus archivos CSS . Zen Garden es un buen comienzo.
Si necesita más información, siempre puede obtener un libro (no creo que sea necesario, pero si quiere un libro), podría probar Core-Css.
Comience simple. Lea algunos sitios como A List Apart y Position Is Everything.
No intente reemplazar todo el sitio de una vez: cambie una pieza a la vez.
Siga probándolo en diferentes navegadores: cuanto antes descubra que se ve diferente en uno (¡o en todos!), Mejor.
Leído CSS: The Definitive Guide, Third Edition por Eric A. Meyer. Es uno de los mejores libros técnicos que he leído.
SitePoint tiene una gran cantidad de tutoriales y referencias sobre esto. ¡Incluso tienen un libro que parece responder a su pregunta directamente!
HTML Utopía: Proyectos Tablas Sin el uso de CSS, 2ª edición
http://www.sitepoint.com/books/css2/
con 4 capítulos disponibles de
Para todas las otras sugerencias yo añadiría Smashing Magazine 's lista de artículos de CSS.
Soy un gran fan de la lectura de libros de alta tecnología, por lo que aprendieron de Beginning CSS Web Development: From Novice to Professional
Estoy de acuerdo ... este es un gran libro para mojarse los pies con CSS. – mattruma
he aprendido mucho de Eric Meyer on CSS y More Eric Meyer on CSS. Los libros lo guían por varios ejemplos paso a paso, comenzando con páginas sin estilo y explicando el propósito de cada paso en el camino. Sin embargo, solo serían un punto de partida, ya que están un poco anticuadas. Sitios como A List Apart le proporcionarán la información más actualizada.
Definitivamente, obtenga el plugin de Firebug para Firefox. Vaya a un sitio que le guste y consulte el CSS correspondiente. Encienda y apague algunas cosas, cambie las cosas, solo tenga una idea de cómo funciona todo. Gran herramienta de aprendizaje.
para el francés no es un buen sitio: http://www.alsacreations.com/ hay tutoriales sobre HTML, XHTML y CSS y muchos ejemplos (cómo crear "bastante" menús, etc ...)
he aprendido mucho de CSS descargando diseños de sitios gratuitos desde http://www.oswd.org/ e intentando implementar los mismos efectos por mi cuenta. También me dio algunas ideas sobre las ideas para los patrones de diseño en todo el sitio en CSS.
El libro que me inició fue Web Standards Solutions: The Markup and Style Handbook. por Dan Cederholm No es una referencia, pero te da un buen comienzo con ejemplos del mundo real. Dan hace un buen trabajo al sostener tu mano, tomarla con calma y no aburrirte. Lo compré hace varios años y todavía me refiero a él en alguna ocasión.
Este es el único libro de CSS que tengo. Uso la web como mi referencia de CSS.
Soy un fanático del enfoque de la fuerza bruta. Aprende algunos conceptos básicos y luego comienza a tratar de recodificar tu HTML usando CSS puro. Cada vez que necesites una nueva técnica, googleala. Es posible que desee suscribirse a la lista de correo de discusión de CSS o read the wiki.
http://www.w3.org/Style/CSS/#specs
Alguien ya aparece un enlace W3C. Este enlace va a las especificaciones, que es la forma en que aprendí lo que sé sobre CSS. De todos modos, comienza con el nivel 1 y luego pasa a los otros niveles. Bueno, el nivel 1 debería sacarte la mayor parte de lo que usarás, así que tal vez solo quieras aprender el nivel 1 y luego buscar las otras cosas que quieras hacer, según sea necesario.
Recomiendo Transcending CSS: The Fine Art of Web Design por Andy Clarke. Se trata menos de los aspectos técnicos de CSS y más acerca del cambio de mentalidad que debe suceder al pasar de un diseño basado en tablas a separar el contenido del diseño.
Cuando comencé a aprender CSS, me encontré codificando de la misma manera. En lugar de tablas y tds, estaba usando divs y tramos. Todavía trabajo desde el exterior (diseño) hacia adentro (hacia el contenido) y diseño mi marcado y contenido alrededor del aspecto de la página, bloqueándola en el diseño. Trascender CSS entra en el proceso de ir desde el interior (contenido y marcado) hacia fuera (diseño), dejando la apariencia del sitio flexible.
La información técnica es bastante fácil de encontrar. Tiendo a frecuentar W3Schools.
+1 En segundo lugar, "CSS trascendente", habla mucho más sobre la forma en que necesitas codificar, que es lo que la mayoría de la gente echa de menos. Hacer un diseño basado en tablas usando css en lugar de tablas sigue siendo torpe. – Perchik
Sí, definitivamente "CSS trascendente": un gran libro. Además, la transición de las tablas al CSS se cubre ampliamente en los clásicos libros de CSS de Eric Meyer. –
He encontrado que usar una plantilla DreamWeaver es un buen primer lugar para comenzar cuando se crea una nueva página. Han creado algunas plantillas muy simples que le permiten agregar cualquier formato que desee, solo necesita saber cosas como 2 o 3 columnas o elásticas o fijas. Antes de comenzar a hacer esto, estaba constantemente tratando de descubrir cómo colocar cosas, pero esto me ha ayudado mucho, al menos me ha dado un comienzo.
Considere también un archivo CSS de restablecimiento. Realmente ayuda a lidiar con las diferencias del navegador.
Junto con esto, por supuesto leer tutoriales y buscar en la red.
Eche un vistazo al sitio web Web Design From Scratch. Ha sido realmente útil para mí.
En segundo lugar. Yo también lo uso para mis alumnos. –
Un concepto importante que la mayoría de las referencias faltan es que los atributos CSS no son independientes ni acumulativos.Las propiedades más importantes, 'visualización' y 'posición' reaccionan entre sí e incluso cambian el comportamiento de otros atributos. Interactúan de tal manera que cualquier guía que intente enseñar estos atributos de manera independiente es fallida.
La mayoría de las personas que hacen HTML/CSS no entienden esto, y se quedan peleando sin una pista real.
El único libro que he encontrado que relaciona estos atributos es "Patrones de diseño CSS y HTML Pro". El libro de Eric Meyers podría ... Personalmente, odio el estilo "Pro CSS y HTML Design Patterns" está escrito, pero sigue siendo la guía de CSS más efectiva que he encontrado.
Escribí un overall intro guide including some good CSS links en otro lugar (ver los comentarios también) ... podría ser útil.
http://www.positioniseverything.net/ es el enlace correcto. – Tomalak