Vi vil skabe og definere en stil passende til det udførte arbejde, vi ønsker.

Vi så tidligere tutorials, hvordan du anvender en typografi på en bestemt etiket, og at den standard ville anvende de samme etiketter. Vi gjorde det med links, og tekst, men vi kunne gøre med dem alle, men selvfølgelig, så vi, at i hvert stykke, ville have den samme stil, alle links har samme dekoration, tekst osv. ..

Så mens dette har den fordel, at der vil blive anvendt automatisk, når du indsætter tekst, eller links, er det bedst at skabe en stil og definere det som vi ønsker og anvender selv.

Htm dokument vil åbne en ny (alle hvide), og gem med et navn:

* Bemærk: Normalt er dette hvordan vi vil begynde at designe en hjemmeside, så dette dokument, ville jeg beholde navnet 'plantilladisenio »f.eks. Eller andre, der senere bliver den virkelige Web skabelonen.

Aktiver ruden stil / CSS Styles

Klik på ikonet for at oprette ny regel:

Vi scorede Avanceret og vælg kroppens tags, td

* Bemærk: Vi kan sætte flere på hver stil regel, adskilt af kommaer. Vi definerer i denne regel, skrifttype, størrelse, farve .. og vil automatisk gælde for alle dokumenter, som vi gør i denne stil.

Husk, at dette typografiark, har vi sammen med det dokument, der senere (i teorien, at opbygge en hjemmeside), vil gøre skabelonen.

Vi begynder med:

Her vil vi bede om, at vi holder:

Du kan have på ét sted mere end et style sheet, lige nok til at huske og vide, hvilke dokumenter der er forbundet med en, og som anden eller de andre

Vi definerer skrifttypen, farven på dette, størrelse .. etc:

Nu tilknytning til dokumentet. Det er vigtigt at have al den plads, mulighed for at begynde at designe. Så vil 0 til alle:

Vi accepterer og alle disse værdier anvendes automatisk hver gang, en gang forvandlet til en rigtig skabelon, skal du åbne et nyt dokument. Opret en anden stil regel kun til kroppen tag:

Fund Kategori:

vi indstille baggrundsfarven og acceptere.

For at definere stilarter links, går vi videre på samme måde, som vi havde gjort i det foregående tutorial.

* Bemærk: Og jeg siger dig et trick, som jeg gør, og det sparer mig tid.

Jeg plejer at definere alle disse stilarter, når jeg opretter et nyt dokument fra Property Inspector, som du husker, er disse stilarter indsat i samme dokument kode. Således, kopiere, slette etiketterne:

<stylo> og </ Stylo>.

Jeg tror, ​​en ny Cascading Style Sheet, som ikke definerer nogen stil, når vi ramte åbne det dokument, du opretter i HTM, fra Property Inspector. Jeg holder kniven, og jeg finder det hurtigere og mere behageligt

Men det er et trick, hvad han ville gøre det lige som jeg tidligere nævnt. Dette gøres, vil vi begynde at skabe stilarter, som vi vil indsætte og passer os.

Ny stil regel:

opmærksom på, at stilen navn indledes med et punktum (.) og så vil jeg sætte et navn til at genkende senere. Jeg definerer baggrundsfarven:

og acceptere.

el ancho, la alineación: HTM i dokumentet, oprette en ny tabel, hvor, som sædvanlig sætter vi bredden, tilpasning:

Vi placere musemarkøren i tabellen, og klik på etiketten, der vises lige over Inspector

bo godt er valgt, og vi vil anvende den stil vi oprettede tidligere:

vi se, at baggrundsfarven af ​​tabellen, vil skifte til vores valg.

På denne måde vil vi anvende de stilarter fra nu. For at fjerne en stil, kan du se, at den første løsning vil altid være 'Nej', fordi på samme måde som vi har anvendt før, skal du vælge Ingen og gå væk nu, eller tryk på enhver anden ændring af stil til bunden af tabellen.

Tilsvarende kan vi definere bunden af en TD. Først fra Inspector, definerer vi tilpasningen af ​​cellen, og New Style regel / Kategori fond:

Og givet en fond for cellen:

Hvis du vil anvende en celletypografi, det første klik på etiketten, som med tabellen:

Indsæt et baggrundsbillede:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Ny stil regel: da jeg satte den stil navn Fondotabla2 og fra revision, ser jeg et billede i mappen Billeder på hjemmesiden, jeg arbejder på.:

Vi skaber stilen nu Fondoimgtd og sætte disse værdier.:

Se her eksempel

Vi kan lave forskellige kombinationer med disse værdier, så testning og forskning for at finde hvad du vil, er mere værd? En anden måde at anvende formater er:

Mmm .... finder du det samme nu ville være lettere at skabe portalen ikke? Isætning farverne af de midler af tabeller og celler med stil, right?

For hvis chiquis, men hvad vi lærte dengang .. men skulle koste os ... vi ville have mistet Og nu alle, der vil dukke op, og vi vil være meget nemmere

Og at jeg springe det hele direkte fra kilden eh? Vi gemmer style sheet og klatrede til serveren sammen med andre dokumenter og billeder.

ni espacios en blanco . Husk, at navnet af de stilarter, kan være hvad som helst, men det skal være et punktum (.) I begyndelsen af dem, har ingen specialtegn eller mellemrum.

Endelig, i kolonne af paneler, der er tilbage, vi ser afspejlet de stilarter, som vi skaber i den rækkefølge, vi gør:

For at ændre dem ved at vælge en og klikke på blyant-ikonet, så vises vinduet, hvor du kan ændre værdier. Automatisk blive anvendt, dvs vi kan ændre baggrundsfarver i tabellerne, celler, tekstformatering, tekst farve osv. ... for at gemme dokumentet stilarter, uploade det og alle vil have nye stilarter side