Definer dine egne stiler

Vi skal skape og definere en stil som passer til det arbeidet vi ønsker gjort.

Vi så tidligere opplæring, hvordan man bruker en stil på en viss etikett og at standard ville gjelde de samme etikettene. Vi gjorde det med linker og tekst, men vi kunne gjøre med dem alle, men selvfølgelig, så vi at i hvert ledd, ville ha den samme stilen, alle lenker har samme innredning, tekst, etc. ..

Så mens dette har den fordelen som skal brukes automatisk når du setter inn tekst, eller koblinger, er det best å opprette en stil og definere det som vi ønsker og søker oss.

Htm dokument vil åpne en ny (helt hvitt) og lagre med et navn:

* Merk: Normalt er dette hvordan vi skal begynne å designe et nettsted, så dette dokumentet, vil jeg beholde navnet "plantilladisenio 'for eksempel. Eller noen andre som senere vil bli den virkelige web mal.

Aktiver vindusglasset stil / CSS Styles

Klikk på ikonet for å opprette ny regel:

1

Vi scoret Avansert og velg body-kodene, td

* Merk: vi kan sette flere på hver stil regel, atskilt med komma. Vi definerer i denne regelen, skrifttype, størrelse, farge .. og vil automatisk gjelde for alle dokumenter som vi gjør i denne stilen.

Husk at dette stilarket, har vi knyttet til dokumentet som senere (i teorien, for å bygge et nettsted) vil gjøre malen. ;)

Vi begynner med:

2

Her vil vi be om at vi holder:

3

Du kan ha på ett sted mer enn en stil ark, akkurat nok til å huske og vite hvilke dokumenter er knyttet til en og med hvilken annen eller andre ;)

Vi definerer skriften, fargen på dette, størrelsen .. etc:

4

Nå margene i dokumentet. Det er viktig å ha all mulig plass å begynne å designe. Så vil 0 til alle:

6

Vi aksepterer og alle disse verdiene brukes automatisk hver gang, en gang forvandlet til et ekte mal, åpner et nytt dokument. Lag en annen stil regel bare til kroppen tag:

kroppen

Fond Kategori:

5

vi sette bakgrunnsfarge og akseptere.

For å definere stiler av linkene, fortsetter vi på samme måte som vi hadde gjort i forrige opplæringen.

* Merk: Og jeg fortelle deg et triks som jeg gjør, og det sparer meg tid.

Jeg pleier å definere alle disse stilene når jeg oppretter et nytt dokument fra eiendommen Inspector, som du husker, er disse stilene inn i samme dokument koden. Dermed kopiere, slette etiketter:

<stylo> og </ Stylo>.

Jeg tror en ny gjennomgripende stilark, som ikke definerer hvilken som helst stil, når vi treffer åpne dokumentet du oppretter i HTM, fra eiendommen Inspector. Jeg holder bladet og jeg synes det er raskere og mer komfortabel ;)

Men dette er et triks, hva han ville gjøre det like jeg antydet tidligere. Dette gjøres, vil vi begynne å skape stiler som vi skal sette inn og passer oss.

Ny stil regel:

7

oppmerksom på at stilen navnet kommer etter en periode (.) og da jeg satte et navn å kjenne igjen senere. Jeg definerer bakgrunnsfargen:

8

og godta.

el ancho, la alineación: Htm I dokumentet, opprette en ny tabell, der, som vanlig setter vi bredden, justering:

9

Vi plasserer musepekeren i tabellen og klikk på etiketten som vises rett over Inspector

10

bo godt er valgt og vi vil bruke stilen vi opprettet tidligere:

11

vi ser at bakgrunnsfargen på tabellen endres til valget vårt.

På denne måten vil vi bruke stiler fra nå. For å fjerne en stil, ser du at det første alternativet vil alltid være "Nei", fordi på samme måte som vi har brukt før, velger du Ingen og gå bort nå, eller trykker på en annen endring av stil til bunnen av tabellen.

Tilsvarende kan vi definere bunnen av en TD. Først fra Inspector, definerer vi justeringen av cellen, og Ny stil Regel / Kategori fond:

12

Og gitt et fond for cellen:

13

Hvis du vil bruke en celle stil, det første klikket på etiketten, som med tabellen:

14

Sett et bakgrunnsbilde:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Ny stil regel: som jeg satte stilnavnet Fondotabla2 og fra vurdering, ser jeg et bilde i Bilder-mappen i Site jeg jobber med.:

16

Vi skaper stilen nå Fondoimgtd og sette disse verdiene.:

17

Se her eksempel

Vi kan lage ulike kombinasjoner med disse verdiene, er så prøve og undersøke før du finner det du liker verdt mer? En annen måte å bruke stiler er:

15

Mmm .... du finner det samme nå ville være enklere å lage portalen ikke? Sette fargene på midlene i tabellene og celler, med stil, ikke sant?

For hvis chiquis, men hva lærte vi da .. men bør koste oss ... vi ville ha tapt ;) Og nå alle som vil komme og vi vil være mye enklere

Og at jeg hopper over det hele direkte fra kilden eh? : P Vi lagrer stilarket og klatret til serveren sammen med andre dokumenter og bilder.

ni espacios en blanco . Husk at navnet på stilene, kan være noe, men det må være et punktum (.) I begynnelsen av dem, har ingen spesielle tegn eller mellomrom.

Til slutt, i kolonne av paneler som er venstre ser vi reflektert stilene som vi skaper i den rekkefølgen vi gjør:

stiler

For å forandre dem, velger du én og klikk på blyant-ikonet, deretter vises der du kan endre verdiene. Automatisk brukes, dvs. vi kan endre bakgrunnsfarger i tabellene, celler, tekstformatering, tekstfarge osv. ... å lagre dokumentet stiler, laste det opp og alle vil ha ny stiler side ;)

Svare