Ekstern typografiark

Vi vil åbne et nyt dokument, som vi kan indehaveren, Styles II f.eks. Og gem som Style2

: Aktiver Style vinduet og klik på ikonet for at oprette nye CSS regel:

1

Vindue, hvor vi definerer en ny stil:

2

vil markere denne tid, Advanced (IDS, kontekstafhængige vælgere ...)

Og hvis vi blot defineret, før dette dokument nu vil gøre det i et style sheet.

Lad os først definere, hvilke links, accepterer og vises i et nyt vindue for at redde det regneark, vi skaber, og at huske deres forlængelse nombrequepongamos.css

y los de las distintas opciones. Og vi er nødt til at redde, normalt plejer jeg at holde det inde i mappen i stedet, sammen med dokumenter. Indeks og de ​​forskellige muligheder. Og ligesom andre dokumenter, får vi på serveren, så de stilarter anvendes.

* Bemærk: Hvis vi ændre noget i denne stil ark, vi er nødt til at gemme og re-uploade til serveren, træde før. Eller den forandring, vi vil ikke se på internettet.

6

Når den er gemt, det vindue, hvor vi er nødt til at definere den stil, du vil bruge til links:

7

Vi valgte at have forbindelser Verdanda kilder, Arial, Helvetica, sans-serif

Esto no quiere decir que vayamos a usarlas todas, si no que usaremos este grupo y el navegador, cuando el usuario final, abra la pagina una vez en Internet, usara aquella que tenga instalada, es decir, primero buscara la fuente Verdana, si no la tiene, la Arial… etc, etc.. * Bemærk: Dette betyder ikke, at vi vil bruge dem alle, ellers vil vi bruge denne gruppe, og browseren, når slutbrugeren, åbne siden en gang online, vil bruge, at du har installeret, dvs først søge Verdana skrifttypen hvis den ikke gør, Arial ... osv. osv. ..

, el color y que no este subrayado. Aceptamos ( no aplicar ) Størrelsen af linkteksten, vil være fra 9 px, har vi valgt at blive vist med fed skrift, farve, og det er ikke understreget. Accepteret (ikke relevant)

Den ydre lag af stilarter, er skabt, og vi kan se det i højre kolonne:

que acabamos de crear: Og i CSS vinduet, kan vi se den stil, du lige har oprettet:

9

Hvis vi ønsker at tilbringe Raón for linket, er det understreges, for eksempel ved at trykke på ikonet igen og vælge ny CSS regel:

10

a: hover og i definitionen vinduet:

3

Så kan vi definere alle de stater i et link, hvis du kan huske, som vi gjorde i første omgang fra Egenskaber Inspektør på siden, med den forskel, at den måde de stilarter var i det samme dokument, i <head>

Nu, du synes er bare et link på siden og se hvad der sker?

Hvis vi har en bestemt stil, men bare ikke lide det, kan vi ændre enten skrifttype, farve .. , ir al icono que parece un lápiz, pulsamos sobre el: understreger, osv. ... skal du blot vælge den stil, gå til blyant, der vises, klik på:

12

og vinduet vises, hvor du kan ændre det:

13

Jeg har ændret indretning, men også kan ændre tekstens størrelse, farve, eller alle på én gang, og det synes en anden ;)

a un nuevo documento totalmente nuevo: Vamos a la ventana CSS y pulsamos el icono: Forestil dig nu at vi har skabt et regneark og ønsker at anvende til et nyt helt nyt dokument: Kom ind i CSS, og klik på ikonet:

14

Marker indstillingen Link:

15

que ya tenemos en este Sitio , o podría ser otra de otra pagina que hayamos creado antes , solo recordar la extensión .css Gennemse og find den stil ark, du vil linke til dokumentet, kan være den samme, som vi har på denne hjemmeside, eller kan være nogen fra en anden side, at vi har skabt før, bare huske. Css

de forma automática . Indtil videre har vi skabt stilarter, der anvendes på etiketterne automatisk.

For de links, hvis vi nødt til at gøre dem så, da et link altid ønsker at ændre det og sætte det i henhold til de farver og den endelige design af vores hjemmeside. Så vi vil være meget nyttigt at definere dem en gang, og vi kan glemme ;)

I næste tutorial vil vi se, hvordan du definere dine egne typografier og anvende dem på den måde, du ønsker ;)

Svar