Beispiele für CSS in Google Text & Tabellen
Cascading Stylesheets sind (CSS) unvermeidlich in modernen Web-Design, die Google Docs--die freie Office-Dokument-Suite umfasst. CSS optimiert Seite Ladezeiten und trennt Stilelemente von Struktur, wodurch die Kodierung der einzelnen einfacher für Designer. Dienste wie Google Docs profitieren von dieser Straffung, da es für alle Benutzer schnell und reibungslos durchführen kann.
Identifizieren von CSS
Sie können CSS leicht identifizieren, indem Sie Quellcode einer Webseite in Ihrem Browser anzeigen. Während HTML die Tastatursymbole verwendet < und > zum Öffnen und schließen Codedeklarationen, CSS {und} statt. Optisch ist der erste Anhaltspunkt. Der Code funktioniert jedoch nur, wenn die CSS tatsächlich auf der Seite vorhanden sind, die Sie gerade betrachten. Einer der großen Vorteile von CSS ist, dass Designer ein einzelnes Stylesheet definieren das Erscheinungsbild einer gesamten Website erstellen können. Wenn das für die Seite stimmt Sie sind anzeigen, sehen Sie ein HTML-Tag, die Richtungen wie z. B. aus einem separaten CSS-Dokument aufruft < link Rel = "Stylesheet" Type = "Text/Css" href="test.css" / >. Sie können das Dokument über die CSS-Datei-Erweiterung identifizieren.
Beispiele in Google Text & Tabellen
Wenn Sie die Startseite von Google Text & Tabellen öffnen, erscheint ein Menü auf der linken Seite des Bildschirms, mit der Sie Dokumente erstellen, organisieren Sie Ihre Dateien und löschen, die Sie nicht mehr wollen. Auf der rechten Seite sehen Sie eine Liste der zuvor erstellten Dokumente. Wenn Sie den Dienst vor nie verwendet haben, sehen Sie eine leere Stelle, wo dieser Liste wird angezeigt, wie Sie neue Dokumente anlegen. Wenn Sie den Quelltext der Seite anzeigen, sehen Sie eine Menge von HTML. Um den Quelltext der Seite in Firefox anzuzeigen, öffnen Sie das Hauptmenü und wählen Sie "Web Developer > View Page Source" oder drücken Sie einfach STRG + U. Um den Quelltext der Seite in Internet Explorer anzuzeigen, klicken Sie auf Zahn-förmige "Tools" auf der rechten Seite Ihrer Toolbar und wählen Sie "F12 Entwicklertools." Im ersten Quartal der Seite, aber Sie bemerken, dass Google Docs in ein externes Stylesheet mit der Linie fordert < href='static/doclist/client/css/1983023911-doclisthome.css Hyperlinktyp = ' Text/Css' Rel = 'Stylesheet' >. Ein paar Zeilen darunter, Google Text & Tabellen verwendet CSS direkt auf der Seite, um das Verhalten der Menüelemente festzulegen. Suchen Sie nach Zeilen, die mit beginnen < Stil Typ = "Text/Css" > zu sehen, wie CSS separate Elemente der Homepage Google Docs steuert.
Was bedeutet CSS
HTML definiert das Layout der strukturelle Elemente wie Kopf-, Absätze und Tabellen. Mit CSS bietet ein Webseiten-Designer eine Möglichkeit zum Steuern, wie die einzelnen Elemente zu Verhalten. Angabe der Schriftgröße, sind Schriftart, Farbe und Platzierung in das Reich der CSS. Da Ihr Browser nur ein einzelnes Stylesheet definieren die gesamte Website zu ziehen muss, werden die Seiten schneller laden. Dies kann keinen großen Unterschied zu denen mit High-Speed-Internet-Verbindungen machen, aber es kann ein himmelweiter Unterschied zu jedermann über eine DFÜ-Verbindung machen.
Überlegungen zur
Wenn Sie eine Quelle der Webseite in Ihrem Browser anzeigen, öffnet native Klartext Bearbeitungsanwendung--z. B. Windows Editor oder Anmerkungen zu Mac OS X--in der Regel die Seite. Wenn Sie regelmäßig über Code in einer anderen Anwendung erstellen, müssen Sie es als Ihre Standard-Text-editing-Software festgelegt. In diesem Fall öffnet das Quelldokument am ehesten in dieser Anwendung. Text-editing-Software richtet sich an die Codierung kann hilfreich sein bei der Betrachtung von CSS, weil es in der Regel Zeilennummern zeigt, mit denen Sie des verfolgen was du schaust. Die Google Docs-Homepage hat 541 Codezeilen, die es leicht zu verlieren Ihren Platz zu machen konnte.