Vi kommer att skapa och definiera en stil som är anpassad till det arbete vi vill ha gjort.

Vi såg tidigare tutorials, hur man ansöker en stil till en viss etikett och att standard skulle tillämpa samma etiketter. Vi gjorde det med länkar och text, men vi kunde göra med dem alla, men naturligtvis såg vi att i varje stycke, skulle ha samma stil, alla länkar har samma dekoration, text, etc. ..

Så medan detta har den fördelen som kommer att tillämpas automatiskt när du sätter i text, eller länkar, är det bäst att skapa en stil och definiera det som vi vill och ägna oss.

HTM-dokument öppnas en ny (helvit) och spara med ett namn:

* Obs: Normalt är det så vi börjar utforma en webbplats, så det här dokumentet, skulle jag behålla namnet "plantilladisenio" till exempel. Eller någon annan som senare kommer att bli den verkliga webben mallen.

Aktivera fönsterrutan stil / CSS

Klicka på ikonen för att skapa nya regel:

Vi gjorde Avancerat och välj body-taggarna, TD

* Obs: Vi kan sätta flera på varje stil styre, separerade med kommatecken. Vi definierar i denna regel, teckensnitt, storlek, färg .. och kommer automatiskt att tillämpas på alla handlingar som vi gör i den här stilen.

Kom ihåg att detta formatmallen har vi samband med det dokument som senare (i teorin, att bygga en webbplats) kommer att göra mallen.

Vi börjar med:

Här kommer vi att be att vi håller:

Du kan ha i ett rum mer än en formatmall, precis tillräckligt för att minnas och vet vilka handlingar hänger samman med en och som andra eller andra

Vi definierar typsnitt, färg av detta storleken .. etc:

Nu marginalerna i dokumentet. Det är viktigt att ha alla möjliga plats för att börja designa. Så Är 0 för alla:

Vi accepterar och alla dessa värden tillämpas automatiskt varje gång, en gång förvandlats till en riktig mall, öppna ett nytt dokument. Skapa en annan stil regel endast body-taggen:

Fondkategori:

vi sätter bakgrundsfärg och acceptera.

För att definiera stilar av länkar, fortsätter vi på samma sätt som vi hade gjort i tidigare läraren.

* Obs: Och jag säger dig ett trick som jag gör och det sparar mig tid.

Jag brukar definiera alla dessa stilar när jag skapar ett nytt dokument från egenskapsinspektören Som ni minns dessa stilar infogas i samma dokument kod. Således, kopiera, ta bort etiketterna:

<stylo> och </ STYLO>.

Jag tror att en ny CSS, som inte definierar något stil, när vi träffar öppna det dokument du skapar i HTM, från egenskapspanelen. Jag håller bladet och jag tycker att det är snabbare och bekvämare

Men detta är ett trick, vad han skulle göra det precis som jag antydde tidigare. Sedan detta skett, kommer vi att börja skapa stilar som vi kommer att infoga och passar oss.

Ny stil regel:

Observera att stilen namnet föregås av en punkt (.) och sedan ska jag sätta ett namn att känna igen senare. Jag definierar bakgrundsfärgen:

och acceptera.

el ancho, la alineación: Htm I dokumentet, skapa en ny tabell där, som vanligt vi sätter bredden, justering:

Vi sätter muspekaren i tabellen och klicka på etiketten som visas precis ovanför Inspector

hålla väl ut och vi kommer att tillämpa den stil vi skapat tidigare:

ser vi att bakgrundsfärgen i tabellen kommer att ändras till vårt val.

På detta sätt kommer vi att använda formaten från och med nu. För att ta bort en stil, ser du att det första alternativet kommer alltid att vara "Nej", eftersom på samma sätt som vi har tillämpat tidigare, väljer du Ingen och går bort nu eller trycker på någon annan förändring av stil till botten av tabellen.

Liknande sätt kan vi definiera den nedre av en TD. Först från Inspector, definierar vi inriktningen av cellen, och ny stil regel / Kategori fond:

Och ges en fond för cellen:

Att tillämpa en cell stil, klickar du först på etiketten, som med tabellen:

Infoga en bakgrundsbild:

y desde examinar, busco una imagen en la carpeta imágenes del Sitio en el cual estoy trabajando: Ny stil regel: när jag sätter stil namnet Fondotabla2 och från granskning, ser jag en bild i mappen Bilder på webbplatsen jag arbetar på.:

Vi skapar stilen nu Fondoimgtd och sätta dessa värden.:

Se här exempel

Vi kan göra olika kombinationer med dessa värden är så försök och utreda tills du hittar vad du gillar värd mer? Ett annat sätt att använda format är:

Mmm .... du hittar samma sak nu skulle vara lättare att skapa portalen inte? Sätta färger medel för tabeller och celler, med stil, eller hur?

För om chiquis, men vad vi lärt oss då .. men bör kosta oss ... vi skulle ha förlorat Och nu allt detta kommer att uppstå, och vi kommer att bli mycket lättare

Och att jag hoppar allt direkt från källan eh? Vi sparar formatmallen och klättrade till servern tillsammans med andra dokument och bilder.

ni espacios en blanco . Kom ihåg att namnet på stilar, kan vara vad som helst, men det måste vara en punkt (.) I början av dem, har inga specialtecken eller mellanslag.

Slutligen i kolumn av paneler som är kvar vi ser återspeglade de stilar som vi skapar i den ordning som vi gör:

För att ändra dem väljer du en och klickar på pennikonen, då visas där du kan ändra värden. Automatiskt tillämpas, dvs vi kan ändra bakgrundsfärger i tabellerna, celler, textformatering, textfärg osv ... för att spara dokumentet stilar, ladda upp den och allt kommer att ha nya stilar sidan