introducción:
Para citar un pasaje de un libro: "Cuando comencé a aprender chino, mi tutor Lao Wang me dio un diccionario chino-inglés, un libro de gramática china y un tutorial para principiantes. Sin embargo, él colocó los libros en una canasta de libros y no se usarían hasta la semana siguiente. Durante la primera semana, solo me enseñó a escuchar y memorizar algunas frases, y luego quiso que aprendiera a repetir algunas de ellas. “Disculpe, ¿dónde está? el restaurante? ". "Tráeme un poco de arroz, por favor." "¿Cuánto cuesta este vestido? Durante esa semana tuve que aceptar incondicionalmente el conocimiento, la estructura de las oraciones, la pronunciación y la gramática. Sin embargo, el viernes pude ir a un restaurante chino, pedir un plato de arroz y pagar la cuenta. Todas las frases simples me dieron suficiente gramática y vocabulario para hacer esto.
No sé desde cuándo, los chinos comenzaron a tomar en serio CSS. Muchas personas están empezando a aprender CSS, pero no saben por dónde empezar, por lo que este artículo está escrito para que los principiantes los lleven al tren de CSS.
1. ¡El aprendizaje de CSS se centra en los métodos!
Lo mismo ocurre cuando se aprende cualquier cosa, desde la escuela primaria, la secundaria hasta la universidad, además de aprender conocimientos, ¡también es necesario aprender métodos!
Si quieres dominar CSS, primero debes aprender HTML. Empecé a aprender desde cero y pasé un mes aprendiendo HTML. No tenía profesor, así que los libros eran mi único profesor y no tenía acceso a Internet. Un mes después, comencé a aprender CSS. El primer libro de CSS que leí fue "Diseño de estilo web CSS". Después de leerlo durante unos días, descubrí que no podía entenderlo en absoluto. Y luego lo cambié a "Enciclopedia de referencia HTML". ¡Este libro es un libro de escritorio habitual para diseñadores de páginas web! La razón por la que cambié este libro para aprender CSS es porque parte de él es CSS y se convirtió en mi libro de iluminación sobre CSS. Después de leer algunos párrafos, siento que los tutoriales escritos por extranjeros están muy organizados, desde lo más superficial a lo más profundo, y te llevan paso a paso, para que entiendas de qué están hablando, a diferencia de los libros nacionales que tienen diferentes profundidades y falta de organización, ¡como si tuviera miedo de que no supieras que tiene mucho conocimiento! Al igual que el libro "Diseño de estilo web CSS" mencionado anteriormente, lo leí en ese momento, como principiante en CSS, ¡realmente no tenía idea de lo que estaba hablando!
Hablemos de los detalles del proceso de aprendizaje, porque un estilo no se puede separar de una página HTML. Si HTML no se combina con el estilo, CSS perderá su significado. Por lo tanto, el libro generalmente dará un ejemplo y luego le permitirá probar el efecto en la computadora. Esto se debe a que el autor quiere que tenga una impresión preliminar de la hoja de estilo CSS y le diga lo que CSS puede hacer. Un pequeño ejemplo: "Aunque un gorrión es pequeño, tiene los cinco órganos internos". Es posible que no comprendas el verdadero significado de cada afirmación. Pero puedes recordar el patrón del ejemplo y usarlo continuamente en la práctica en el futuro. El proceso de uso continuo es el proceso de memorización continua, por lo que no puedes relajarte y pensar siempre que tu memoria no es buena, pero así es. No importa si estás montando un buey o un caballo de mil millas. Pase lo que pase, mientras tengas perseverancia, definitivamente llegarás al final.
Cuando lees un libro, en términos generales, debes leerlo completo por primera vez. Si no lo entiendes, debes seguir leyendo, es posible que encuentres la respuesta a esa pregunta. Después de leerlo tendrás una impresión general, pero debe haber muchas cosas que no entiendes, no importa, sigue leyendo.
Por segunda vez, debe tomar notas de estudio mientras lee. Escriba las partes que crea que son los puntos clave. Además, escriba las partes sobre las que cree que tiene preguntas. , puedes Publicar una publicación en BBS. Todavía hay muchas personas bien intencionadas. Aquí hay un recordatorio: "¡Debes aprender a hacer preguntas! No entraré en detalles aquí". Tienes que usar la computadora para practicar los ejemplos del libro. Lo que más te confunde es: "En primer lugar, no puedes recordarlo y, en segundo lugar, no comprendes bien el concepto. (Esto puede deberse a que el El libro no está bien traducido y la otra es que tu comprensión es incorrecta." )", para el primero, hay que generar confianza, persistir y persistir. Cuando llegues al final, descubrirás que todo es algo natural. Porque si trabajas duro, serás recompensado y tendrás resultados.
Muchas personas también lo han visto, pero no han logrado ningún progreso. Analizo las razones principales de la siguiente manera:
Razón 1: No hay suficiente presión, porque muchas personas, como los artistas, aprenden CSS porque ven a otros aprenderlo, así que si no lo aprenden, ¡no tendrán ninguna ventaja! Este tipo de presión es muy pequeña. Si no aprendes bien, aún tendrás trabajo como artista.
Segunda razón: es solo un estudio a tiempo parcial y es solo por diversión, porque no necesariamente tienes que ganarte la vida con esta tecnología.
Razón tres: el método es incorrecto. Algunas personas solo miran tutoriales, pero yo solía mirar demasiado y hacer muy poco, así que solo con la práctica se pueden incorporar cosas teóricas.
2. Domina las cuatro etapas de aprendizaje de CSS
Una vez le pregunté a un internauta: ¿es difícil aprender CSS?
Ella dijo: "No es difícil". Le pregunté: "¿Cuánto tiempo llevas estudiando?". Ella dijo: "Acabo de aprender". De hecho, ¡lo que dijo es correcto! ¿Si alguien me pregunta si es difícil aprender CSS? Yo diría: "¡Es difícil!" ¿Por qué diría que es difícil?
El aprendizaje de CSS se puede dividir en las siguientes etapas:
Etapa 1: la página se puede crear sin pensar en problemas de compatibilidad del navegador, pero la página se escribe con el modo TABLE DIV en todas partes.
Etapa 2: Se piensan en los problemas de compatibilidad, pero no hay forma de prevenirlos por adelantado. Solo pueden solucionar los problemas y usar la tecnología HACK ampliamente (solo conozco la tecnología HACK, pero la uso raramente).
Etapa 3: los errores se pueden prevenir de antemano, pero ID y CLASS se usan ampliamente en hojas de estilo y CSS se traduce como hojas de estilo superpuestas, como "DIV P SPAN". Este código marca el subelemento SPAN de P en el subelemento de DIV. Al escribir de esta manera, puede definir el estilo de SPAN sin agregar CLASS a SPAN. Ésta es la ventaja de CSS. ¿Por qué no aprovecharlo y asegurarse de definir una CLASE?
Etapa 4: esta etapa es la más difícil, con buena estructura semántica HTML, CSS razonable y estilos reutilizables. Hay artículos en esta área sobre buena semántica y CSS razonable. Definitivamente escribiré un tema especial para estudiar estos dos aspectos en el futuro.
3. Preguntas frecuentes para principiantes en CSS
Vayamos paso a paso. El primer requisito es que haya un título directamente debajo de la miniatura. Es bastante sencillo: coloca una imagen en tu HTML, seguida de un salto de línea (BR), luego coloca el título dentro de un párrafo (P) y céntralo (usando CSS).
A continuación, debemos organizar estas miniaturas y títulos en pares en la ventana del navegador. Cuando se utiliza el diseño de tabla, los pares de miniaturas y títulos se colocarán en el TD respectivamente. Cuando usamos el diseño CSS, debemos colocarlos en DIV respectivamente. Para organizarlos horizontalmente en la ventana, usamos CSS para hacer flotar estos DIV hacia la izquierda (FLOAT).
Pregunta 1: ¿Qué tipo de libro debería elegir leer para aprender CSS?
Permítanme recomendarles algunos libros primero:
"La guía definitiva de CSS"
"Reconstrucción del sitio web"
"Registro de diseño del sitio web"
"Referencia HTML"
Si no sabe mucho sobre HTML, primero puede leer el libro "Referencia HTML". Este libro no es solo un libro de enseñanza sino también una buena herramienta para consultar HTML. Los libros "Mastering CSS" y "Impeccable Web Design" publicados recientemente son muy buenos, pero no son adecuados para personas que no tienen una base en CSS. Si quieres convertirte en un excelente creador de CSS, también debes tener una sólida base. Fundación en inglés. Puedes leer tutoriales de CSS extranjeros y participar en foros relacionados. Algunas personas dicen que si no entiendes inglés, puedes simplemente leer el código, pero de hecho, sus libros no solo tratan el código, sino lo más importante. , nos dirán que vale la pena aprender y comprender la idea de codificar y el método de codificación. Además, los tutoriales en chino que recomiendo son: "Estándar HTML y CSS", el "Manual chino CSS2" de Su Chen Xiaoyu y la versión electrónica de "Web Designer" hay muchos libros electrónicos en inglés y en idiomas extranjeros, así que gano; No daré ejemplos uno por uno. Leer libros electrónicos es una tarea muy tediosa. No estoy acostumbrado a leer libros electrónicos, por eso suelo comprar libros para leer.
Pregunta 2: ¿Qué software se utiliza para editar el código CSS?
¡Esta pregunta parece ser la más frecuente! Permítanme hablar sobre mí primero. Usé DreamWeaver por primera vez para escribir código. Dado que el software DreamWeaver en sí consume mucha CPU y memoria, puede imaginar la velocidad de edición durante el tiempo de ejecución. Después de caminar durante mucho tiempo, pasé al estado de "semi-escritura a mano". "Semi-escritura a mano" es utilizar la función de solicitud de código proporcionada por DW. Cuando escriba "F", el estilo de "F" será inmediatamente. Se le solicitará más tarde, conveniente para que usted elija. Si escribe algunas letras más, encontrará rápidamente el estilo que desea. Esto puede acelerar la escritura de su estilo, pero una desventaja es que si deja el software de edición que le indica, no podrá escribir estilos. por ejemplo, cuando modifica el estilo de ajuste fino de un programador, es posible que él no esté usando el mismo software que usted está usando y que no tenga una función de solicitud de código, por lo que solo puede regresar a su propia máquina para editarlo. ¡Y luego envíalo al programador! ¡Esto obviamente no es profesional! Así que si quieres ser una excelente persona, ¡tienes que ser profesional!
Dicho esto, parece que el tema aún no se ha mencionado:
Siempre que pueda escribir a mano, puede utilizar cualquier software. Se recomienda utilizar el complemento TopStyle de DreamWeaver (la última versión es Pro V3.12).
Pregunta 3: ¿Debería escribir HTML o CSS primero?
Hay muchas respuestas en Internet: primero escriba HTML y luego escriba CSS; primero escriba CSS y luego escriba HTML; Tiendo a escribir ambos juntos. Escribir CSS primero o escribir HTML primero no son métodos apropiados para principiantes. Si le pide a una persona que escriba código y le dice que escriba HTML primero, el HTML no se puede modificar después de escribirlo, y luego escribe CSS. Si puede escribirlo, entonces esta persona debe ser un constructor de muy alto nivel. Entonces, para los principiantes, en la mayoría de los casos recomiendo escribir al mismo tiempo. Explicaré los pasos específicos:
Primero, necesitamos construir el sitio y el directorio. Por ejemplo, creamos las carpetas CSS e IMÁGENES. Estas dos son las más básicas. Luego creamos un nuevo archivo HTML, un style.css y una hoja de estilos vacía, y nos conectamos. las páginas HTML a esta hoja de estilo externa.
Luego, primero escribimos la parte de diseño más básica en HTML, usando DIV, y luego agregamos ID o CLASE directamente al DIV. Estas partes de diseño incluyen la parte exterior, la parte del encabezado, la parte central, la izquierda, la mitad y la derecha. , la parte de derechos de autor, etc.
Después de escribirlos, puede ir a la hoja de estilo para escribir el estilo, o puede continuar escribiendo las partes en el diseño. Tomemos el encabezado como ejemplo. Escriba la parte del logotipo en el encabezado y también agregue ID o. CLASE a la parte NAV. Lo mismo se aplica a los demás.
¿Por qué decimos que es imposible escribir la parte HTML de una sola vez? Porque es probable que las personas cometan errores en el proceso de escritura de sus ideas o problemas de compatibilidad del navegador, algunos de los cuales se deben a su problema. Experiencia Las deficiencias no se anticipan de antemano, por lo que cuando encuentre problemas al escribir estilos, es posible que deba cambiar su código HTML. Así es como lo escribes. También puedes usar HTML/CSS al mismo tiempo. Todo depende de tus hábitos. Cuando escribimos código, a menudo lo probamos mientras lo escribimos. No significa escribir una oración para probar una oración, sino que escribimos un fragmento de código y luego lo probamos con IE6 y FF al mismo tiempo. . La mayoría de las veces, un buen desarrollador probará su código después de haberlo escrito durante mucho tiempo. Esto se debe a que si una persona tiene más experiencia, sabrá y evitará que se produzcan errores en el navegador con antelación. Para que puedan escribir código más rápido que las personas sin experiencia. Ya han analizado los errores por los que usted está pasando. La primera vez que encuentre un problema de visualización incorrecto en el navegador, deberá dedicar tiempo a solucionarlo, ¡pero ellos pueden prevenirlo con anticipación o resolver el problema de inmediato! Esta es una de las diferencias entre usted y ellos.
Otra diferencia entre principiantes y expertos es que los expertos usan muchas teclas de método abreviado, así que asegúrese de recordar las teclas de método abreviado de uso común. Cada pequeño detalle mejorará un poco y juntos lograrán una gran mejora.
Además, la mejor manera de mejorar su propio nivel es practicar más y encontrar algunas plantillas HTML+CSS mejores para practicar la codificación. Elija una más simple al principio, tome una captura de pantalla de la página y luego use sus propias ideas en esto. Restaurar a la página HTML...