CSS-i ääriste stiili atribuut ehk kuidas oma saiti atraktiivsemaks muuta

Interneti-turundus

Sisukord:

CSS-i ääriste stiili atribuut ehk kuidas oma saiti atraktiivsemaks muuta
CSS-i ääriste stiili atribuut ehk kuidas oma saiti atraktiivsemaks muuta
Anonim

Pole saladus, et veebisaidi kujundamine on programmeerija jaoks üks peamisi ülesandeid. Lõppude lõpuks on see esmamulje, mis kasutajal veebilehte vaadates tekib, teie ressursi kohta üldise ettekujutuse ja arvamuse.

Veebidisaineritel on oluline ülesanne, milleks on luua helge, lihtne, kuid samas "kaasahaarav" kodulehe kujundus. HTML-lehtedele kauni välimuse andmiseks kasutatakse erinevaid CSS-i omadusi: border style ja palju muud. Nende õiget kasutamist ja rakendamist käsitletakse selles artiklis.

seadme programmeerimine

Ääriste stiil CSS-is

Selle atribuudi kasutamine kehtib kõikide objektide kohta, mida saab veebilehele paigutada. Sellega moodustub erinevate objektide piirde stiil. Oluline on märkida, et igale äärise küljele saab anda oma atribuudi, kui CSS-is ääriste stiili atribuudi kirjutamisel on stiili asemel määratud üks külgedest: ülemine, alumine, vasak, parem. Nad tähendavadvastav alt ülemine, alumine, vasak ja parem ääris.

CSS-i ääriste stiili atribuudi saab määrata ühele järgmistest väärtustest, mis on näidatud alloleval pildil.

Programmeerija saab tekstist ääriste või nende taande paksust muuta. Samuti on võimalik värvi muuta CSS-is ääriste stiili värvi atribuudi abil. Allpool on erinevad valikud ääriste jaoks, mille paksus on vastav alt 1, 3, 5, 7, 9.

ääriste stiilid

Omaduste kombineerimine

Pange tähele, et ääriste omadusi saab kombineerida lokkis sulgudes. Selleks peate kordamööda kirjutama kõik atribuutide väärtused, mida soovite CSS-is piiristiili jaoks määrata. Pange tähele, et kui teil jäi mõni atribuut märkamata ja neid ei täpsustanud, määrab süsteem need vaikimisi.

veebisaidi programmeerimine

CSS: tabeli ääriste stiil

Erilist tähelepanu tuleks pöörata tabelisildile, mis aitab veebilehtedel tabeleid luua. Kõigi ül altoodud atribuutide rakendamiseks tabeli lahtritele, nimelt nende ääristele, vajate spetsiaalset border-collapse atribuuti. Miks me vajame eraldi atribuuti, mis kehtib ainult tabelite kohta? Kõik on palju lihtsam, kui esmapilgul tundub. Kui loote tabeli iga lahtri jaoks eraldi kontuuri, on sellel kaks olulist puudust:

  • Kui tabelis on palju lahtreid, võtab see palju aega ja koodi kaal suureneb oluliselt;
  • Iga tabeli lahtri eraldi kujundamisel külgnevate lahtrite piiridkattuvad üksteisega, mis suurendab ka koodi kaalu ja ei pruugi ka väga atraktiivne välja näha.

Seega aitab kokkuvarisemine lihtsate sõnadega ühiseid piire "kokku kleepida". Milliseid väärtusi saab see omadus tabelites võtta? Valikud on loetletud allpool:

  • collapse – lahtrite vahel on üks rida. Lahtrid "liimitud";
  • eralda - iga lahter moodustab enda ümber kindla raami, eraldades selle teistest lahtritest;
  • inherit - selle atribuudi rakendamisel päritakse väärtus eelmistest.

Järeldus

Loodame, et meie artikkel oli kasulik ja teile meeldis selle lugemine. Pidage meeles, et saidi visuaalne komponent on kõige olulisem tegur, mis mõjutab selle edasist arengut ja reklaamimist. Originaalne ja meeldejääv kujundus kõlab alati teie publiku seas ja parandab teie külastatavust.

Populaarne teema