Vom crea şi defini un stil adecvat pentru activitatea ne-o dorim făcut.

Am vazut tutoriale precedent, cum să aplice un stil într-o anumită implicit etichetele şi de a aplica pentru aceste etichete aceeaşi. Am facut-o cu link-uri, şi a textului, dar ar putea face cu ele toate, dar, desigur, am văzut că la fiecare alineat, ar avea acelasi stil, toate link-urile au acelaşi decor, text, etc ..

Deci, în timp ce acest lucru are avantajul că se va aplica în mod automat atunci când introducerea de text, sau link-uri, cel mai bine este de a crea un stil şi definiţi-o pentru ca ne dorim şi se aplică pe noi înşine.

Htm documentul va deschide o nouă (toate alb) şi salvat cu un nume:

* Notă: În mod normal, acest lucru este modul în care va începe proiectarea unui site web, astfel încât acest document ar păstra "plantilladisenio denumită în continuare" numele, de exemplu. Sau oricine altcineva care a devenit mai târziu şablonul Web adevărat.

Activaţi fereastra panoul de stil / CSS potrivite Stiluri

Faceţi clic pe pictograma pentru a crea reguli noi:

Am marcat avansate şi selectaţi tag-urile corp, TD

* Notă: puteţi pune mai multe stiluri pentru fiecare regulă, separate prin virgule. Definit în această regulă, fontul, dimensiunea, culoarea .. şi ele vor fi aplicate automat la toate documentele pe care le fac în acest stil.

Amintiţi-vă, că această foaie de stil, ne-am legat cu documentul pe care mai târziu (în teorie, pentru a construi un site web) va face şablonul.

Am inceput ca aceasta:

Aici suntem de gând să vă rog să păstraţi:

Puteţi avea într-un singur loc mai mult de o foaie de stil, doar suficient sa ne amintim şi ştiu ce documente este corelată cu unul şi cu care alte, sau alte

Noi definim fontul, culoarea de acest lucru, dimensiunea .. etc:

Acum marginile documentului. Este important să avem toate spaţiu posibil pentru a începe proiectarea. Va 0, prin urmare, la toate:

Noi acceptăm şi toate aceste valori sunt aplicate în mod automat de fiecare dată, o dată transformată într-un şablon adevărat, am deschis un document nou. Creaţi un alt stil de regulă, numai la tag-ul body:

Fondul Categorie:

ne-am stabilit culoarea de fundal şi să accepte.

Pentru a seta stiluri legătură într-, vom proceda în mod similar cum ne-am facut in tutorial anterior.

* Notă: Şi vă spun un truc ce fac eu, şi-l salvează-mi timp.

Eu definesc, de obicei, toate aceste stiluri atunci când am crea un nou document de la Property Inspector, vă aduceţi aminte, aceste stiluri sunt introduse în acelaşi cod al documentului. Astfel, copia, şterge etichetele:

<stylo> şi </ Stylo>.

Am crea o nouă foaie de stil in cascada, care nu defineşte orice stil, odata ce am lovit deschide documentul pe care îl creaţi în htm, din Property Inspector. Salvaţi foaia de lucru şi pentru a găsi mai rapid şi mai convenabil

Dar acesta este un truc, ceea ce el ar face acest lucru chiar cum am arătat înainte. Face acest lucru, vom începe să creaţi stiluri care vom fi inserarea si ne convine.

Nou stil de regulă:

act de faptul că numele stilului este precedată de o perioadă (.) şi apoi am pus un nume pentru a recunoaşte mai târziu. Voi defini culoarea de fundal:

şi să accepte.

el ancho, la alineación: Document al htm, creaţi un tabel nou, în care, ca de obicei ne-am stabilit lăţimea, alinierea:

Hover mouse-ul pe masă şi faceţi clic pe eticheta care apare chiar deasupra Inspector

şedere bine este selectat si noi va vom aplica stilul le-am creat mai devreme:

a se vedea că culoarea de fundal a tabelului am ales să se schimbe.

În acest fel vom aplica stiluri de acum. Pentru a elimina un stil, veţi vedea că prima opţiune va fi întotdeauna "nu" ca la fel le-am folosit înainte, selectaţi Nu şi du-te departe acum, sau apăsând orice alte modificări de stil pentru partea de jos a tabelului.

În acelaşi fel am defini în partea de jos a unui TD. În primul rând, din partea inspectorului, setaţi alinierea a celulei, si New Style articolul / Categorie fond:

Şi având în vedere un fond pentru celula:

Pentru a aplica un stil de celulă, faceţi clic mai întâi pe etichetă, astfel cum cu tabelul:

Inserarea unei imagini de fundal:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Regulă stil nou:. Ca am pus numele stilului Fondotabla2 şi de la revizuire, mi se pare o imagine de pe site imaginile lucrez pe:

Noi a crea stilul acum Fondoimgtd şi pune aceste valori.:

A se vedea aici de exemplu

Putem face diferite combinatii cu aceste valori, precum şi de testare şi de cercetare pentru a gasi ceea ce iti place este în valoare de mai mult? Un alt mod de a aplica stiluri sunt:

Mmm .... veţi găsi acelaşi lucru acum ar fi mai uşor pentru a crea portalul nu? Introducerea culorile fondurilor de tabele şi de celule, cu stil, nu?

Căci, dacă chiquis, dar tot ceea ce am aflat atunci .. deşi ne-cost cu o schimbare ... ne-ar fi pierdut Şi acum tot ce vor apărea şi vom fi mult mai uşor

Şi de ce nu am sări peste toate direct de la codul sursă nu-i aşa? Păstrăm foaia de stil şi a urcat la server, împreună cu alte documente şi imagini.

ni espacios en blanco . Amintiţi-vă că numele de stiluri, poate fi orice, dar trebuie să fie o perioadă de La începutul dintre ele (.), Nu au caractere speciale sau spaţii.

În cele din urmă, în coloana de panouri pe care sunt lăsate vedem reflectat stiluri creăm şi în ordinea în care o facem:

Pentru a le schimba, selectaţi una, şi faceţi clic pe pictograma creion, apoi apare fereastra în care puteţi modifica valorile. Se aplică în mod automat, adică putem schimba culorile de fundal a tabelelor, celulelor, formatarea textului, culoarea textului, etc ... pentru a salva stilurile documentul, să le încărcaţi şi toţi vor avea noi stiluri de pagină