Programmierung – der Spiegel: Am Anfang war das Wort, und nicht zurück reflektiert. Und sehr schnell mußte es „change“: erster Spiegel, dann das Wort … An dieser Stelle Stylesheet Cascading – ist gut, aber warum so lange es ging um einen Entwickler in dem Sinne? CSS – es ist alles der gleichen Array mal die Ära der Computerprogramme, sondern nur in einer anderen Perspektive. Selbst wenn die Massen assoziative Revolution werden nicht gemacht.
Webseite Seite – es Tags HTML-Markup, die zu einer bestimmten Stil oder Stil Klassenkennung zugeordnet werden können. Die erste kann einmal definiert werden und zu etwas dringend benötigten Zeit zuzuschreiben, und die zweiten gehört zu einem bestimmten Elemente.
Die allgemeine Logik der Beschreibung der Stile
Traditionell wird der Stil in der CSS-Datei platziert, kann aber auf ein bestimmtes Element in seinem Stil-Attribute zugeschrieben werden. Der Stil kann in der Dynamik der JavaScript-Tool erstellt werden. Von besonderer Bedeutung ist nicht wie beschrieben, beispielsweise mit Hilfe von CSS – Farb Schriftart, Größe, Headset, Hintergrund darunter und so weiter. Ortsbeschreibung Stil ist wichtig im Zusammenhang mit den, in der Regel zwei Ideen: die später beschrieben wird, so ist es eine höhere Priorität, und wenn in dem Elemente beschrieben, tut es wichtig !. Zuletzt aufgezeichnet, wie es ist, klar die Priorität definiert.
Wenden Sie den Stil, zum Beispiel eine bestimmte Schriftfarbe der Farbe wechselt, kann überall und alles sein. Die Frage ist, wie man zusammen in einem Browser während der Demontage aller Arten zu reagieren. Wie viel hat er auf dieser CPU verbringen?
Idealerweise sollte Schriftfarbe nur einmal angezeigt werden – es ist ein Klassiker. Denken Sie, um eine einfache Beschreibung eines Paares, und dann noch einer und noch … natürlich, Sie können. Es ist in Mode, aber praktisch.
Beispiel allgemeine Logik
Ganz einfach durch CSS Farbe bestimmt für alle drei Elemente ist es möglich, mindestens drei lang andauernden Probleme zu bekommen:
# ELE1, # ELE2, # Ele3 {
POSITION: absolute;
links: 20px;
top: 14px;
Farbe: rot;
}
# ELE2, # Ele3 {
links: 90px; // Die horizontalen Koordinaten CSS ändern
Farbe: gelb; // Die Farbe der CSS Schriftart ändern
}
# Ele3 {
top: 114px; // Die CSS ändern vertikale Koordinate
Farbe: grün; ändern noch einmal die Farbe der Schrift CSS //
background-color: hellgrau; // CSS Text Hervorhebungsfarbe geändert, aber das ist nicht in der # ELE1 und # ELE2; Position auch geändert, aber es hat sich in # ELE2 und nicht, wie hier geändert
}
Nun müssen wir uns daran erinnern, dass alle diese drei Elemente irgendwo definiert, und im Fall einer Änderung der Farbdarstellungen des Website-Inhabers, wird der Entwickler muss bedenken, nicht nur über die Farbe, sondern auch über die linken Regeln und oben, und auch die Highlight-Farbe des Textes zu ändern, soll nicht vergessen werden.
Nicht alle Entwickler verehrte Anforderung CSS: Style ID – nur ein Element, und der Klasse-Stil – viele Tags neben dem letztmöglichen Punkt in den Tags als Adjektive:
- stellen Sie die Schriftfarbe im CSS – Stil Grundfarbe Klasse;
- geben Sie die Schriftgröße – Klasse size15;
- Sollposition – Klasse PlaceUp.
Natürlich ist die Verwendung von Identifikatoren, vor allem, wenn sie gehören zum selben Markierungselement, die oberen Klassen zehn Stile, gemalt in verschiedenen Kombinationen von Hunderten von Seitenelementen. Aber alles hat seine eigene objektive Logik.
Der Entwickler muss einfach richtig berücksichtigen: auch wenn die Schriftfarbe von HTML, CSS schwer zu beschreiben , bietet die Flexibilität der Gesamtstruktur der Beschreibungen – , dass sein Job.
Das erwartete Ergebnis der Verwendung von gemeinsamer Logik
Moderne Browser sind mit viel Stil-Dateien und Datenträger bequem. Allerdings Gestaltung, insbesondere durch die CSS, die gesamte Seite Farbe, sollten Sie immer denken vernünftigen Hinlänglichkeit. Nicht alle Stilregeln „billig“ Blick in der Anwendung. Einfacher lakonischer Eintrag: * {color: white;} – sicherlich schön, aber es gilt für alle Elemente der Seite, ohne Ausnahme.
Von allen Regeln, die mit CSS, dem wichtigsten ausgestattet ist:
- Stil – Klasse, und dann beginnt der Name mit „“
- Stil – Kennung und der Name beginnt mit einem Zeichen „#“;
- in anderen Fällen – ein Namensschild oder etwas Besonderes
Der verbleibende Teil der Beschreibung Ideen in Styles (Vererbungseigenschaften überlappen, Prioritäten, Position, Ordnung und dergleichen. D.) Wenn intelligent und unbedingt notwendig verwendet werden.
Der Browser immer vermissen, machen Sie nicht in der Beschreibung, so dass die besonderen Überraschungen nicht. Wenn etwas die Schriftfarbe in CSS nicht an der richtigen Stelle oder eingestellt war, ist daher nicht möglich, im Stil des Fehlers.
unerwartete Chancen
Sollte nicht Stile wie * missbraucht werden {left: 124px; } oder
ol ol, ul ol, ul ul, ul ol {margin-bottom: 0; }
a img {border: 0; }
Obwohl es schwierig ist sogar ein Anfänger Entwickler zu machen CSS-Regeln zu verwenden, wie sie sind. Immer in der Entwicklung einer Website, auch ganz einfache CSS-Syntax gibt unerwartete Probleme. Wenn jedoch direkte Bemühungen um die korrekte Verwendung der Syntax, aber die Funktionalität ist JavaScript gelten neue und unerwartete Möglichkeiten eintönig Identifikatoren für jedes Element erstellen zu vermeiden, oder die Verwendung der Vielzahl von Arten und Klassen zu überwachen.
CSS – ist nicht nur eine Stildatei, die auf der Seite über den Link-Tag oder eingefügt in sie durch den Style-Tag verbunden ist. Es ist auch möglich, eine Art on the fly oder ändern Sie ein vorhandenes zu erstellen.
Durch die Verwendung von CSS, kann die Schriftfarbe programmatisch erfolgen. Neben der Größe und Position, die Margen. Website – ist kein Ziel, das Wissen in CSS, HTML, PHP oder JavaScript Effekten Flash anzuwenden.
Web-Ressource – ist in erster Linie Informationen in einer bestimmten Art und Weise angeboten. Deshalb CSS am besten in der Dynamik durch die Linse gesehen, wie es möglich ist, zu bilden, während die Seite noch auf dem Server ist (es ist nicht verfügbar PHP zu dem Zeitpunkt, wenn die Site-Besucher kamen, nicht der Entwickler zu der Zeit, als er die Stelle wurde die Entwicklung), die gewünschte Sheet ein bestimmte Text nach relevanten Inhalten oder eine Stil Klasse oder Kennung im Fluge wie die Seite zu erstellen funktioniert, wenn es an einem bestimmten Besucher sieht.
statische Dynamik
Wir sollten nicht immer anspruchsvoll find JavaScript-Code schreiben, um dynamische Inhalte und das Design zu machen – einen angemessenen Inhalt. Manchmal ist es genug, um richtig die zur Verfügung stehenden Möglichkeiten zu nutzen. Insbesondere durch CSS Schriftfarbe zunächst statische Regel definiert haben, können Sie diese Regel (verdeckt) verstecken und visualisieren verschiedene (sichtbar).
Hier ist der Lautsprecher nicht den Algorithmus erfordern:
// die Eingabe-Taste auf der Website markieren
scfWelcomeOver Funktion () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'sichtbar' .;
}
// Ausblenden der Eingabeknopf auf der Website
Funktion scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'versteckt' .;
}
CSS bietet eigene Dynamik: Tickern, transparente Elemente, verschiedene Ausführungsformen Overlays, Displays, Verblassen Farben. In CSS kann die Schriftfarbe gemacht werden, auch so, dass niemand stilistische Regel nicht vorgesehen ist.
Dynamische Inhalte Anzeige
Wenn es keine Dogmen, vielleicht gäbe es keinen Fortschritt geben. Nur nicht, wie es war zu kämpfen. Hypertext brachte in die Welt viel Dogma. Es ist Zeit, die Aufmerksamkeit auf sie zu bezahlen und in einem pragmatischen und praktischen Stil zu entwickeln Websites zu starten.
Zunächst gibt es eine Seite (P), einige Ihrer Inhalte (K), alle Tags der Seite werden im Stylesheet (S) beschrieben. Keine neue Form P Seite über PHP oder Perl auf dem Server von K aus der Datenbank auswählen. Bestehende Stylesheet S wird automatisch folgen. das heißt, S + werden jedoch geändert, und die Notwendigkeit für andere Arten, K kann in den meisten Fällen eine solche Änderung mit sich bringen würde.
Zum Beispiel, sagte der Kunde: „Die Seite das Leben von Moskau beschreibt, besser aussehen wird, wenn die Nachrichtenartikel im Stil eingerichtet sind“ ZaZavtrakom „beschreiben die Nacht Treiben im Stil von“ Las Vegas ‚und Artikel über die wissenschaftlichen und technologischen Fortschritt im Stil von‘ ModernTehno ' ". Aber wenn wir S auf drei diese Optionen machen, gibt es keine Garantie dafür, dass der Kunde nicht auf die Idee, eine Reihe von Artikeln „News“ zu haben, „Urlaub“, „Arbeit», «CSS / HTML» Bonus ‚HozyaykeNaZametku‘.
Ein weiterer Ansatz praktischer. Unabhängig von der Kategorie des Artikels gibt es immer die Inhalte, die in einer bestimmten Farbe gemalt werden können. Hier in diesem Ort gibt es eine sehr vernünftige Idee: get spezifische K, noch auf dem Server eine ausreichende S zu erzeugen, und der Browser P benötigt, wird er die richtigen Inhalte in dem richtigen Abstand bekommen.
Dynamics Stil von JavaScript
Minimum, obwohl sehr effektive Lösung – das Styling in dem Browser des Clients direkt zu tun. Erstens erleichtert es den Server – keine Zeit, auf die Bildung von Hypertext-Seiten und Style-Dateien für sie haben zu verbringen.
Zweitens wird die natürliche Zeitverschwendung innerhalb des Browsers den Effekt erzeugt, dass die Seite von Unternehmen besetzt und unterstützt aktiv den Dialog mit dem Besucher: er immer noch nicht den Inhalt in der Masse sieht also, er eine konsequente und durchdachte Informationsausgabe möchte.
Drittens ermöglicht es der Entwickler die Besucher Mechanismus des Inhalts in diesem Stil zu schaffen, in dem er bequem ist. Es ist nicht einmal jemand.
Um diese Idee zu implementieren, müssen Sie einen Mechanismus einzuführen, für Stilelemente unmittelbar nach dem Laden der Seite, und im Laufe ihres Betriebes zu schaffen. Moderne Website – es ist AJAX in einer bestimmten Form. Es ist nicht schwierig, die Bildung von Stilen in dem Prozess der Bildung des Seitenbaumes direkt auszuführen. Es ist einfach, kostengünstig und effektiv, weil der Inhalt zusammen mit seiner Registrierung ist.
Dies widerspricht nicht die moderne Tendenz, die Präsentation von Daten aus der Verarbeitung der Daten und verläßt in der Anzeige durchgeführt zu trennen.
CSS als Wirkstoff
Hypertext eine Menge gute gebracht, aber nur ein kleiner Bruchteil der natürlichen Informationen wurde erfolgreich formalisiert, gab es Werkzeuge und Erfahrung hochwertige HTML bei der Erstellung, XML, CSS-Dokumente. Kein Problem, die neuen Informationsmengen zu formalisieren und bereits früher vorgenommene Änderung.
Im Hinblick auf CSS wird dieser Prozess in einem völlig anderen Kontext aktiviert. Integrierte Tools in JavaScript, so dass „on the fly“, um Elemente und Stile der Elemente erstellt haben eine solche Möglichkeit nicht vorwegnehmen, und die Schöpfer von PHP, insbesondere angenommen, bei der Bildung von nur HTML-Seiten zu beschäftigen.
Sowohl die erste und die zweite ermöglicht die Programmierung Arten tun. Diese neue Richtung im Bereich der Informationstechnologie. Stile wesentlich mehr formale Sache als die XML oder HTML, sind die Regeln sehr einfach. Style ist immer in der Information, egal wie natürlich es war.
Registrierungs-Datenbank-Programmierer sind immer in einem viel mehr formalisierten Sektoren, aber CSS Thema beschäftigt – eine sehr einfache Aufgabe, aber irgendwie nicht in das Sichtfeld des Entwicklungsprozesses erhalten hat.
Auf dem Dogma auf dem Gebiet der Programmierung
Wie ein Eisberg, kann ein Dogma nicht lange Weiten furrowing Informationen. Die Erfahrungen der Vergangenheit hatten nicht nur in HTML- und CSS-Standards zu konzentrieren, Werkzeuge mit ihnen, Wissen Entwickler zu arbeiten.
Eine einfache Aufgabe – zu CSS Schriftfarbe zu machen durch – hat die perfekte Lösung gefunden. Regeln, Syntax, Logik und Komfort sind unbestreitbar. Aber selbst wenn die Schrift eigentlich nicht viele Farben für die Praxis haben, ist zu viel nicht notwendig, und zwar für die Zwecke der Realität der Virtualisierung nicht alle benötigt die akkumulierte „force» HTML und CSS, es kommt eine Zeit, wenn die situative Wissen unterwegs wiedergegeben und angezeigt Erfahrung und die Werkzeuge der natürlichen Bildung von Arten von Inhalten.
Wie wird das sein, vielleicht nicht ganz klar, aber dass der Prozess ist bereits im Gang, offensichtlich.
Latest posts
