Määritellä omia tyylejä

Luomme ja määritellä sopivan tyylin työtä haluamme tehdä.

Näimme edellisen tutorials, miten tyyliä tietty oletusotsikoita ja soveltaa näitä samoja tarroja. Teimme sen kanssa linkkejä ja tekstiä, mutta voisi tehdä niitä kaikkia, mutta tietenkin, näimme että jokaisessa kohdassa, olisi sama tyyli, kaikki linkit on sama sisustus, tekstiä, jne. ..

Joten vaikka tämä on etu, että otetaan käyttöön automaattisesti, kun laitat tekstiä tai linkkejä, on parasta luoda tyyli ja määritellä sitä haluamme ja soveltaa itse.

Htm-asiakirja avautuu uusi (kaikki valkoinen) ja tallennetaan nimi:

* Huom: Tämä on tavallisesti miten alamme suunnitella sivuston, niin tämä asiakirja säilyttäisi nimi "plantilladisenio" esimerkiksi. Tai joku muu, joka myöhemmin tuli totta Web malli.

Aktivoi ruudussa tyyli / CSS-tyylejä

Klikkaa kuvaketta Luo uusi sääntö:

1

Me pisteytetään Lisäasetukset ja valitse body-tunnisteiden, TD

* Huomaa: Voit laittaa useita tyylejä kunkin sääntö, eroteltuna pilkuilla. Määritelty tämän säännön, fontti, koko, väri .. ja ne otetaan automaattisesti kaikkia asiakirjoja, teemme tällä tyylillä.

Muista, että tämä tyylisivun, olemme sidoksissa asiakirjaan myöhemmin (teoriassa rakentaa verkkosivuilla) tekee mallin. ;)

Aloitimme näin:

2

Täällä aiomme pyytää sinua pitämään:

3

Voit olla yhdessä paikassa useampia tyylisivun, juuri tarpeeksi muistaa ja tietää, mitä asiakirjoja on sidoksissa yhteen ja joita muiden, tai muu ;)

Me määritellä fontin, värin tämän, koko .. jne:

4

Nyt marginaalit asiakirjan. On tärkeää saada kaikki tila voidaan alkaa suunnitella. Näin ollen 0 kaikille:

6

Me hyväksymme ja kaikki nämä arvot ovat automaattisesti käytössä aina, kun muunnetaan todellinen malli, avaamme uuden asiakirjan. Luo uusi tyyli sääntö, vain body:

kehon

Rahastotyyppi:

5

asetamme taustavärin ja hyväksyä.

Linkin tyylejä, etenemme Samoin kuin olimme tehneet edellisenä opetusohjelma.

* Huomaa: Ja minä sanon sinulle temppu, että en, ja se säästää minulta aikaa.

Minulla on tapana määritellä kaikki nämä tyylit kun luon uuden asiakirjan Property Inspector muistat, nämä tyylit työnnetään sama koodi asiakirjan. Niinpä, kopioida, poistaa tarrat:

<stylo> ja </ Stylo>.

Luon uuden CSS-tyylisivun, jossa ei määritellä mitään tyyliä, kun osuimme avaa dokumentti luomasi HTM rakennukselta tarkastaja. Tallenna laskentataulukko ja löytää se nopeampi ja helpompi ;)

Mutta tämä on temppu, mitä hän tekisi niin edes Kuten aiemmin sanoin. Tämä tapahtuu, alamme luoda tyylejä, että tulemme asettaminen ja se sopii meille.

Uusi tyyli sääntö:

7

Huomaa, että tyylin nimi on edeltää (.) ja sitten laitoin nimen tunnistaa sen myöhemmin. Olen määritellä taustaväri:

8

ja hyväksyä.

el ancho, la alineación: Htm-asiakirja, luoda uuden taulukon, jossa, kuten tavallista asetamme leveys, linjaus:

9

Vie hiiren pöydälle ja klikkaa etikettiin, joka näkyy yläpuolella Inspector

10

pysyä hyvin on valittu ja me tyyliä loimme aikaisemmin:

11

nähdä, että taustaväri taulukossa olemme päättäneet muuttaa.

Näin meillä sovelletaan tyylejä nyt. Voit poistaa tyylin, näet, että ensimmäinen vaihtoehto on aina "Ei", koska samalla tavalla olemme käyttäneet ennen, valitse Ei ja mene pois nyt, tai minkä tahansa muun muutoksen tyyli taulukon alaosassa.

Samalla tavalla me määrittelemme pohjaan td. Ensinnäkin siitä tarkastaja, aseta yhdenmukaistaminen solun, ja uusi tyyli sääntö / Luokka rahasto:

12

Ja koska rahasto solu:

13

Voit hakea solutyylin ensin valitsemalla etiketissä, kuten taulukosta:

14

Aseta taustakuva:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Uusi tyyli sääntö: kun laitan tyylin nimi. Fondotabla2 ja tarkistaa, löydän kuvan Sivuston kuvia olen työskennellyt:

16

Luomme tyyli nyt. Fondoimgtd ja laittaa nämä arvot:

17

Katso tästä esimerkki

Voimme tehdä erilaisia ​​yhdistelmiä näitä arvoja, sekä testaus ja tutkimus selvittää, mitä haluat on arvokkaampi? Toinen tapa tyylejä ovat:

15

Mmm .... löydät saman asian nyt olisi helpompi luoda portaalin ei? Asettaminen värit varat taulukot ja solut, joissa tyyliä, ei?

Sillä jos chiquis, mutta kaikki opimme sitten .. vaikka se maksaa meille ... olisimme menettäneet ;) Ja nyt kaikki, että syntyy ja meillä on paljon helpompaa

Ja miksi voin ohittaa kaikki suoraan lähdekoodista eh? : P Pidämme tyylisivun ja kiipesi palvelimeen yhdessä muiden asiakirjoja ja kuvia.

ni espacios en blanco . Muista, että nimi tyylejä, voi olla mikä tahansa, mutta se on ajan (.) Alussa niitä, ei ole mitään erikoismerkkejä tai välilyöntejä.

Lopuksi sarakkeessa paneelien jotka jäävät näemme heijastuu tyylejä luomme ja siinä järjestyksessä, että teemme:

tyylit

Voit muuttaa niitä, valitse yksi ja klikkaa kynäkuvaketta, niin ikkuna, jossa voit vaihtaa arvoja. Automaattisesti soveltaa, eli voimme muuttaa taustavärit taulukoissa solut, tekstin muotoilu, tekstin väri, jne. ... tallentaa asiakirjan tyylit, ladata palvelimelle ja kaikki sivun tulee uusia tyylejä ;)

Vastaus