Einführung:
Um eine Passage aus einem Buch zu zitieren: „Als ich anfing, Chinesisch zu lernen, gab mir mein Nachhilfelehrer Lao Wang ein Chinesisch-Englisch-Wörterbuch, ein chinesisches Grammatikbuch und ein Tutorial für Anfänger. Er wollte jedoch, dass die Bücher in einen Bücherkorb gelegt wurden sollten erst in der nächsten Woche verwendet werden. In der ersten Woche brachte er mir nur das Zuhören und Auswendiglernen einiger Sätze bei, und dann wollte er, dass ich lernte, einige davon zu wiederholen das Restaurant? „Bring mir bitte etwas Reis.“ „Wie viel kostet dieses Kleid? „Während dieser Woche musste ich Kenntnisse, Satzbau, Aussprache und Grammatik bedingungslos akzeptieren. Am Freitag konnte ich jedoch tatsächlich in ein chinesisches Restaurant gehen, eine Schüssel Reis bestellen und die Rechnung bezahlen Alle einfachen Sätze gaben mir genug Grammatik und Wortschatz, um dies zu tun.
Ich weiß nicht, seit wann CSS von den Chinesen ernst genommen wird. Viele Leute fangen an, CSS zu lernen, wissen aber nicht, wo sie anfangen sollen. Deshalb ist dieser Artikel für Anfänger geschrieben, um sie mit dem CSS-Lernen vertraut zu machen.
1. CSS-Lernen konzentriert sich auf Methoden!
Das Gleiche gilt, wenn man etwas lernt: Von der Grundschule über die Mittelschule bis hin zur Universität muss man neben dem Erlernen von Wissen auch Methoden erlernen!
Wenn Sie CSS beherrschen möchten, müssen Sie zuerst HTML lernen und einen Monat damit verbringen, HTML zu lernen. Ich hatte also keinen Lehrer, also waren Bücher meine einzigen Lehrer, und ich hatte keinen Zugang zum Internet. Einen Monat später begann ich, CSS zu lernen. Nachdem ich es ein paar Tage lang gelesen hatte, stellte ich fest, dass ich es überhaupt nicht verstehen konnte! , und dann zur „HTML-Referenz-Enzyklopädie“ geändert. Dieses Buch ist ein normales Schreibtischbuch für Webseiten-Designer! Der Grund, warum ich dieses Buch geändert habe, um CSS zu lernen, liegt darin, dass ein Teil davon CSS ist und es zu meinem CSS-Aufklärungsbuch wurde. Nachdem ich einige Absätze gelesen habe, habe ich das Gefühl, dass die von Ausländern verfassten Tutorials sehr gut organisiert sind, vom Flacheren zum Tieferen beginnen und Sie Schritt für Schritt voranbringen, sodass Sie verstehen, wovon sie sprechen, im Gegensatz zu den inländischen Büchern, die dies tun unterschiedliche Tiefen und mangelnde Organisation, als hätte er Angst, dass Sie nicht wissen, dass er sehr sachkundig ist! Genau wie das zuvor erwähnte Buch „CSS Web Style Design“ habe ich es damals gelesen. Als CSS-Anfänger hatte ich wirklich keine Ahnung, wovon es sprach!
Lassen Sie uns über die Details des Lernprozesses sprechen, denn wenn HTML nicht mit dem Stil kombiniert wird, verliert CSS seine Existenzbedeutung. Deshalb gibt das Buch in der Regel ein Beispiel und lässt Sie anschließend die Wirkung auf dem Computer testen. Der Autor möchte, dass Sie einen ersten Eindruck von Stylesheet-CSS bekommen und erfahren, was CSS leisten kann. Ein kleines Beispiel: „Obwohl ein Spatz klein ist, hat er alle fünf inneren Organe. Möglicherweise verstehen Sie nicht die wahre Bedeutung jeder Aussage.“ Sie können sich jedoch an das Muster des Beispiels erinnern und es in der Zukunft kontinuierlich in der Praxis verwenden. Der Prozess der kontinuierlichen Verwendung ist der Prozess des kontinuierlichen Auswendiglernens. Sie können sich also nicht entspannen und immer denken, dass Ihr Gedächtnis nicht gut ist, aber das ist der Fall Egal, ob Sie auf einem Ochsen oder einem Tausend-Meilen-Pferd reiten, egal was passiert, solange Sie Ausdauer haben, werden Sie auf jeden Fall das Ziel erreichen.
Wenn Sie ein Buch lesen, sollten Sie im Allgemeinen das gesamte Buch zum ersten Mal lesen. Wenn Sie es nicht verstehen, sollten Sie beim Lesen weiterlesen. Nachdem Sie es gelesen haben, werden Sie einen allgemeinen Eindruck haben, aber es muss viele Dinge geben, die Sie nicht verstehen. Das spielt keine Rolle, lesen Sie einfach weiter.
Zum zweiten Mal müssen Sie sich beim Lesen Notizen machen und die Teile aufschreiben, zu denen Sie Ihrer Meinung nach Fragen haben , Sie können einen Beitrag auf BBS posten. Hier ist eine Erinnerung: „Sie müssen lernen, Fragen zu stellen!“ Sie müssen an den Computer gehen, um die Beispiele im Buch zu üben. Was Sie am meisten verwirrt, ist: „Erstens können Sie sich nicht daran erinnern, und zweitens haben Sie ein falsches Verständnis des Konzepts.“ Buch ist nicht gut übersetzt, und das andere ist, dass Sie es falsch verstanden haben. )“, für das erste muss man Selbstvertrauen aufbauen, durchhalten und durchhalten. Wenn Sie am Ende angelangt sind, werden Sie feststellen, dass alles eine Selbstverständlichkeit ist. Denn wenn Sie hart arbeiten, werden Sie belohnt und erzielen Ergebnisse.
Viele Leute haben es auch gesehen, aber keine Fortschritte gemacht. Ich analysiere die Hauptgründe wie folgt:
Grund 1: Es gibt nicht genug Druck, weil viele Leute, wie zum Beispiel Künstler, CSS lernen, weil sie anderen dabei zusehen, wie sie es lernen. Wenn sie es nicht lernen, haben sie keinen Vorteil! Dieser Druck ist sehr gering, wenn man nicht gut lernt, hat man trotzdem einen Job als Künstler.
Grund zwei: Es ist nur ein berufsbegleitendes Studium, und zwar nur zum Spaß, weil man mit dieser Technologie nicht unbedingt seinen Lebensunterhalt bestreiten muss.
Grund drei: Die Methode ist falsch. Manche Leute schauen sich nur Tutorials an, aber sie machen es nicht.
2. Beherrschen Sie die vier Lernphasen von CSS
Als ich einen Internetnutzer fragte: Ist es schwierig, CSS zu lernen?
Sie sagte: „Es ist nicht schwer.“ Ich fragte: „Wie lange studierst du schon?“ Sie sagte: „Gerade gelernt“. Tatsächlich ist es richtig, was sie gesagt hat! Wenn mich jemand fragt, ob es schwierig ist, CSS zu lernen? Ich würde sagen: „Es ist schwierig!“ Warum sollte ich sagen, dass es schwierig ist?
Das Erlernen von CSS kann in die folgenden Phasen unterteilt werden:
Stufe 1: Die Seite kann erstellt werden, ohne über Browserkompatibilitätsprobleme nachzudenken, aber die Seite wird überall im TABLE-Modus DIV geschrieben.
Stufe 2: Es wird an Kompatibilitätsprobleme gedacht, aber es gibt keine Möglichkeit, sie im Voraus zu verhindern. Sie können die Probleme nur beheben und die HACK-Technologie umfassend nutzen (ich kenne die HACK-Technologie nur, verwende sie jedoch selten).
Stufe 3: Fehler können im Voraus verhindert werden, aber ID und CLASS werden häufig in Stylesheets verwendet, und CSS wird als überlappende Stylesheets übersetzt, z. B. „DIV P SPAN“. Dieser Code markiert das Unterelement SPAN von P im Unterelement von DIV. Durch das Schreiben auf diese Weise können Sie den Stil von SPAN definieren, ohne CLASS zu SPAN hinzuzufügen. Das ist der Vorteil von CSS. Nutzen Sie es und definieren Sie unbedingt eine KLASSE!
Stufe 4: Diese Stufe ist die schwierigste, gute semantische HTML-Struktur, vernünftiges CSS und wiederverwendbare Stile. In diesem Bereich gibt es Artikel über gute Semantik und vernünftiges CSS. Ich werde in Zukunft definitiv ein spezielles Thema schreiben, um diese beiden Aspekte zu untersuchen.
3. Häufig gestellte Fragen für CSS-Anfänger
Gehen wir es Schritt für Schritt an. Die erste Voraussetzung ist, dass sich direkt unter dem Miniaturbild ein Titel befindet. Es ist ziemlich einfach: Fügen Sie ein Bild in Ihren HTML-Code ein, gefolgt von einem Zeilenumbruch (BR), fügen Sie dann den Titel in einen Absatz ein (P) und zentrieren Sie ihn (mit CSS).
Als nächstes müssen wir diese Miniaturansichten und Titel paarweise im Browserfenster anordnen. Bei Verwendung des Tabellenlayouts werden die Paare aus Miniaturansichten und Titeln jeweils im TD platziert. Wenn wir das CSS-Layout verwenden, müssen wir sie jeweils in DIV platzieren. Um sie horizontal im Fenster anzuordnen, verwenden wir CSS, um diese DIVs nach links zu verschieben (FLOAT).
Frage 1: Welche Art von Buch sollte ich lesen, um CSS zu lernen?
Lassen Sie mich zunächst einige Bücher empfehlen:
„Der ultimative Leitfaden zu CSS“
„Website-Rekonstruktion“
„Website-Layout-Datensatz“
„HTML-Referenz“
Wenn Sie nicht viel über HTML wissen, können Sie zuerst das Buch „HTML Reference“ lesen. Dieses Buch ist nicht nur ein Lehrbuch, sondern auch ein gutes Toolbuch zum Abfragen von HTML. Die kürzlich veröffentlichten Bücher „Mastering CSS“ und „Impeccable Web Design“ sind sehr gute Bücher, aber sie sind nicht für Leute geeignet, die keine CSS-Grundkenntnisse haben. Wenn Sie ein ausgezeichneter CSS-Builder werden möchten, müssen Sie auch über solide Kenntnisse verfügen Sie können ausländische CSS-Tutorials lesen und an entsprechenden Foren teilnehmen. Einige Leute sagen, dass Sie einfach den Code lesen können, aber in ihren Büchern wird nicht nur der Code behandelt, sondern noch wichtiger Sie werden uns sagen, dass die Idee des Codierens und die Methode des Codierens es wert sind, gelernt und verstanden zu werden. Darüber hinaus empfehle ich folgende chinesische Tutorials: „HTML- und CSS-Standard“, „CSS2 Chinese Manual“ von Su Chen Xiaoyu und die elektronische Version von „Web Designer“. Es gibt viele ausländische und englische E-Books, daher habe ich gewonnen. Ich gebe keine Beispiele einzeln. Das Lesen von E-Books ist eine sehr mühsame Aufgabe. Ich bin es nicht gewohnt, E-Books zu lesen, deshalb kaufe ich oft Bücher zum Lesen.
Frage 2: Mit welcher Software wird CSS-Code bearbeitet?
Diese Frage scheint am häufigsten gestellt zu werden! Lassen Sie mich zunächst über mich selbst sprechen. Da die DreamWeaver-Software selbst eine sehr CPU- und speicherintensive Software ist, können Sie sich die Geschwindigkeit der Bearbeitung während der Laufzeit vorstellen. Nach langem Gehen wechselte ich in den Zustand „Halbhandschrift“, um die von DW bereitgestellte Code-Eingabeaufforderungsfunktion zu verwenden. Wenn Sie „F“ schreiben, wird sofort der Stil „F“ angezeigt später aufgefordert, bequem für Sie zu wählen. Wenn Sie ein paar Briefe mehr schreiben, wird der gewünschte Stil schnell gefunden. Dies kann Ihr Stilschreiben beschleunigen, aber ein Nachteil ist, dass Sie keine Stile schreiben können, wenn Sie die Bearbeitungssoftware verlassen, die Sie dazu auffordert. Wenn Sie beispielsweise den Feinabstimmungsstil eines Programmierers ändern, verwendet dieser möglicherweise nicht dieselbe Software wie Sie und verfügt möglicherweise nicht über eine Code-Eingabeaufforderungsfunktion, sodass Sie zum Bearbeiten nur zu Ihrem eigenen Computer zurückkehren können und dann an den Programmierer senden! Das ist offensichtlich unprofessionell! Wenn Sie also ein hervorragender Mensch sein wollen, müssen Sie professionell sein!
Allerdings scheint das Thema noch nicht erwähnt worden zu sein:
Solange Sie handschriftlich schreiben können, können Sie jede Software verwenden. Es wird empfohlen, das DreamWeaver-Plugin TopStyle zu verwenden (die neueste Version ist Pro V3.12).
Frage 3: Soll ich zuerst HTML oder CSS schreiben?
Im Internet gibt es viele Antworten: Schreiben Sie zuerst HTML und dann CSS. Schreiben Sie zuerst CSS und dann schreiben Sie beides gleichzeitig. Ich neige dazu, beides zusammen zu schreiben. Zuerst CSS zu schreiben oder zuerst HTML zu schreiben, sind für Anfänger keine geeigneten Methoden. Wenn Sie eine Person bitten, Code zu schreiben, und Sie ihm sagen, dass er zuerst HTML schreiben soll, kann der HTML-Code nach dem Schreiben nicht geändert werden, und dann schreiben Sie CSS. Wenn er es schreiben kann, muss diese Person ein sehr erfahrener Builder sein! Für Anfänger empfehle ich daher in den meisten Fällen, gleichzeitig die einzelnen Schritte zu erläutern:
Zuerst müssen wir die Site und das Verzeichnis erstellen. Diese beiden sind die grundlegendsten. Dann erstellen wir eine neue HTML-Datei, eine style.css und ein leeres Stylesheet die HTML-Seiten zu diesem externen Stylesheet.
Dann schreiben wir zunächst den grundlegendsten Layoutteil in HTML mit DIV und fügen dann ID oder CLASS direkt zum DIV hinzu. Zu diesen Layoutteilen gehören der äußere Teil, der Kopfteil, der mittlere Teil, der linke Teil, der mittlere Teil und der rechte Teil , der Copyright-Teil usw. .
Nachdem Sie diese geschrieben haben, können Sie zum Stylesheet gehen, um den Stil zu schreiben, oder Sie können mit dem Schreiben der Teile im Layout fortfahren. Nehmen wir den Logo-Teil als Beispiel und fügen Sie auch eine ID hinzu CLASS zum NAV-Teil. Das Gleiche gilt auch für andere.
Warum sagen wir, dass es unmöglich ist, den HTML-Teil auf einmal zu schreiben? Weil es wahrscheinlich ist, dass Leute Fehler beim Schreiben Ihrer Ideen machen, oder dass es Probleme mit der Browserkompatibilität gibt, die teilweise auf Sie zurückzuführen sind Erfahrung Die Mängel sind nicht im Voraus zu erkennen. Wenn Sie also Probleme beim Schreiben von Stilen feststellen, müssen Sie möglicherweise Ihren HTML-Code ändern. So schreiben Sie es. Sie können auch gleichzeitig HTML/CSS verwenden. Es hängt von Ihren Gewohnheiten ab. Wenn wir Code schreiben, testen wir ihn oft, während wir ihn schreiben. Stattdessen schreiben wir einen Code und testen ihn dann gleichzeitig mit IE6 und FF . Meistens testet ein guter Entwickler seinen Code, nachdem er ihn über einen längeren Zeitraum geschrieben hat. Denn wenn jemand mehr Erfahrung hat, erkennt er Browserfehler im Voraus und verhindert sie. So können sie Code schneller schreiben als unerfahrene Leute. Sie haben die Fehler, die Sie gerade haben, bereits durchgearbeitet. Wenn Sie zum ersten Mal auf ein Problem mit der falschen Browseranzeige stoßen, müssen Sie Zeit damit verbringen, es zu beheben, aber sie können es im Voraus verhindern oder das Problem sofort lösen! Dies ist einer der Unterschiede zwischen Ihnen und ihnen.
Ein weiterer Unterschied zwischen Anfängern und Experten besteht darin, dass Experten viele Tastenkombinationen verwenden. Denken Sie also daran, diese häufig verwendeten Tastenkombinationen ein wenig zu verbessern, und zusammen werden sie eine große Verbesserung bewirken.
Darüber hinaus besteht der beste Weg, Ihr eigenes Niveau zu verbessern, darin, mehr zu üben und einige bessere HTML+CSS-Vorlagen für die Codierungspraxis zu finden. Wählen Sie zu Beginn eine einfachere Vorlage, machen Sie einen Screenshot der Seite und verwenden Sie dann Ihre eigenen Ideen Bild. Auf HTML-Seite wiederherstellen...