Wir erstellen und definieren Sie einen Stil angebracht, die Arbeit wollen wir getan.

Wir sahen die vorherigen Tutorials, wie man einen Stil zu einem bestimmten Etikett gelten und dass die Standard würde die gleichen Bezeichnungen gelten. Wir haben es mit den Links und Text, aber wir konnten mit ihnen allen zu tun, aber natürlich haben wir gesehen, dass in jedem Absatz, würde den gleichen Stil haben, haben alle die gleiche Dekoration Links, Texte, etc. ..

So, während dies hat den Vorteil, die automatisch angewendet werden beim Einfügen den Text, oder Links, ist es am besten, einen Stil zu kreieren und zu definieren, wie wir wollen und uns selbst anwenden.

HTM-Dokument öffnet sich ein neues (alle weiß) und speichern Sie mit einem Namen:

* Hinweis: Normalerweise ist dies, wie wir damit beginnen die Gestaltung einer Website, so dass dieses Dokument, würde ich den Namen 'plantilladisenio' zum Beispiel zu halten. Oder alle anderen, die später die eigentliche Web-Template werden wird.

Aktivieren Sie die Fensterscheibe Stil / CSS-Stile

Klicken Sie auf das Symbol, um neue Regel zu erstellen:

Wir erzielten Erweitert und wählen Sie den Body-Tags, td

* Hinweis: Wir können mehrere auf jeder Stilregel setzen, durch Kommata getrennt. Wir in dieser Regel definieren, die Schriftart, Größe, Farbe .. und wird automatisch auf alle Dokumente, die wir in diesem Stil anzuwenden.

Denken Sie daran, dass dieses Stylesheet, haben wir mit dem Dokument, das später (in der Theorie, um eine Website zu bauen) die Vorlage tun wird verknüpft.

Wir beginnen mit:

Hier werden wir bitten, dass wir halten:

Sie können an einem Ort mehr als ein Stylesheet, gerade genug, sich zu erinnern und wissen, welche Dokumente mit einem und mit dem anderen oder den anderen verbunden ist

Wir definieren die Schriftart, die Farbe dieser, die Größe .. etc:

Nun werden die Ränder des Dokuments. Es ist wichtig, den gesamten Raum möglich an den Entwurf haben. So wird für alle 0:

Wir akzeptieren und alle diese Werte werden jedes Mal automatisch angewandt, einmal in eine echte Vorlage gedreht, öffnen Sie ein neues Dokument. Erstellen Sie eine weitere Style-Regel, nur um den Body-Tag:

Fondskategorie:

setzen wir die Hintergrundfarbe und zu akzeptieren.

Um die Stile von Links zu definieren, gehen wir ähnlich wie wir im vorigen Tutorial getan hatte.

* Anmerkung: Und ich sage dir einen Trick, dass ich tue, und es spart mir Zeit.

Ich in der Regel alle diese Stile zu definieren, wenn ich ein neues Dokument aus dem Eigenschafteninspektor erstellen Wie Sie sich erinnern, werden diese Stile in das gleiche Dokument Code eingefügt. So, kopieren, löschen Sie die Etiketten:

<stylo> und </ stylo>.

Ich denke, eine neue Cascading Stylesheet, das nicht definieren jeden Stil, wenn wir öffnen Sie das Dokument in htm erstellen, über den Eigenschafteninspektor zu treffen. Ich halte die Klinge und ich finde es schneller und bequemer

Aber das ist ein Trick, was er so tun würde, so wie ich früher angegeben. Dies geschieht, werden wir beginnen, Stile, die wir werden das Einfügen wird und passt zu uns zu schaffen.

Neue Style-Regel:

beachten Sie, dass der Stil, gefolgt von einem Punkt (.) vorangestellt ist, und dann legte ich einen Namen, um später zu erkennen. Ich definiere die Hintergrundfarbe:

und zu akzeptieren.

el ancho, la alineación: Htm In dem Dokument eine neue Tabelle erstellen, in dem wir wie immer die Breite, Ausrichtung:

Wir legen den Mauszeiger in der Tabelle und klicken Sie auf das Etikett, das knapp über dem Inspektor erscheint

bleiben gut gewählt und wir werden den Stil, den wir zuvor erstellt gelten:

wir sehen, dass die Hintergrundfarbe der Tabelle wird nach unserer Wahl zu ändern.

Auf diese Weise werden wir die Styles ab sofort gelten. Um eine Formatvorlage zu entfernen, sehen Sie, dass die erste Option grundsätzlich nicht 'Nein', weil in der gleichen Weise, dass wir schon einmal beworben, wählen Sie Keine, und gehen jetzt weg, oder drücken Sie eine beliebige andere Stilwechsel an der Unterseite des Tisches.

In ähnlicher Weise können wir definieren, die Unterseite eines td. Erstens geht aus der Inspector, definieren wir die Ausrichtung der Zelle, und New Style Rule / Kategorie Fonds:

Und angesichts eines Fonds für die Zelle:

Um eine Zelle Stil, der erste Klick auf dem Etikett, als mit der Tabelle gelten:

Legen Sie ein Hintergrundbild:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Neue Style-Regel: Ich habe als den Namen der Formatvorlage Fondotabla2 und Kritik aus, sehe ich ein Bild im Ordner Bilder auf der Website an denen ich arbeite.:

Wir schaffen den Stil jetzt Fondoimgtd und setzen diese Werte.:

Siehe hier zB

Wir können verschiedene Kombinationen mit diesen Werten zu machen, ist so versuchen und zu untersuchen, bis Sie finden, was Sie wollen mehr wert? Ein anderer Weg, um Stile anzuwenden sind:

Mmm .... Sie finden die gleiche Sache jetzt einfacher wäre, das Portal zu schaffen nicht? Einsetzen der Farben der Gelder von den Tabellen und Zellen, mit Stil, oder?

Denn wenn Chiquis, aber was haben wir gelernt, dann .. aber kosten sollte uns ... wir würden verloren haben Und nun alles, was entstehen wird, und wir werden viel leichter sein,

Und dass ich überspringen sie alle direkt von der Quelle eh? Wir speichern den Stylesheet und kletterte auf den Server zusammen mit anderen Dokumenten und Bildern.

ni espacios en blanco . Denken Sie daran, dass der Name der Stile, kann alles sein, aber es muss ein Punkt (.) Zu Beginn von ihnen haben keine Sonderzeichen oder Leerzeichen.

Schließlich wird in Spalte des Panels, die Links sehen wir die Stile, die wir erstellen, in der Reihenfolge, die wir tun wider:

Um diese zu ändern, wählen Sie eine aus und klicken Sie auf das Bleistift-Symbol und dann das Fenster, in dem Sie Werte ändern können. Wird automatisch angewendet werden, dh wir können die Hintergrundfarben der Tabellen, Zellen, Textformatierung, Text, Farbe, usw. ändern ..., um die Formatvorlagen speichern, laden Sie sie und alle werden neue Stile Seite haben