CSS okvir: Impromptu i učinak

Cascading Style Sheets (CSS) za sve svoje logičke jednostavnosti omogućuju ne samo stvoriti spektakularan dizajn rješenje, ali i pružiti elemente pravu akciju, oponašati učinkovitost stvarnog koda.

Svaka vizualna oznaka HTML oznake pravokutna je površina određene strukture i sadržaja. Element sadrži podatak o koordinatama, veličina, padding, boja, font, stil fonta, itd. Okvir CSS-element određuje im zauzetog prostora, koji se nalazi s unutrašnje strane njezinih granica na koji su ovdje širine.

Opis Sintaksa

Područje postavljanja elementa određeno je koordinatama u odnosu na gornji lijevi kut stranice (lijevo, vrh), veličinu vodoravne i okomite (širina, visina). Sve dizajn i animiranje elementa izvode se u parovima: "svojstvo: vrijednost".

Opis se izvršava izravno u kodu stranice, na stilski umetak ili u zasebnu datoteku, upućujući ga na LINK vezu. sintaksa:

#name {svojstvo: vrijednost-svojstvo: vrijednost-svojstvo: vrijednost- ...}

ili

.ime {property: value-property: value-property: value -...}

Ime također može biti p, tijelo, html, tablica, td ..., to jest naziv oznake HTML oznaka. Dopušteno je spajanje opis stila izravno na element.

Prije nego što napraviti moj vlastiti stil pisanja, nije na odmet vidjeti kako se to radi na popularne web stranice, imajući kod stranice, ili pritiskom na Ctrl-U da bi je vidjeli izravno u pregledniku.

Osnovni parametri

Stvarni CSS okvir za element predstavlja stil (rubni stil), boja (rubna boja), širina (širina rubova). Sve možete opisati s istim imovinom - granicom. Moguće je samostalno opisati svaki okvir granice (granično-gornji, donji rub, granični lijevi, granični desni).

CSS okvir opisan je općim pravilima kaskadnih stilskih listova:

granica: 3px;
crveno-boja: crveno-
granični stil: dvostruko crtkana krutina.

Ovaj opis postavlja širinu granice od 3 piksela, boja - crvena, stil strana: gornju stranu dvostruke, u pravu - isprekidane, čvrste dno, lijevo - točke.

granična širina: 1px 2px 4px 8px;
crveno-boja: plavo-
granični stil: točkasto.

Ovdje se također prikazuju dimenzije svake strane uzastopno, počevši od vrha, u smjeru kazaljke na satu, plave boje i stila.

granična boja: plava crvena zelena crna;

u ovom opisu, boja svake strane je zasebno naznačena. Ograničena nekretnina može uključivati ​​nekoliko parametara odjednom, a kutovi granice mogu se zaokružiti:

granica: 1px zelena krutina-
granica radijusa: 0px 4px 8px 12px;
-Moz-granični polumjer: 0px 4px 8px 12px;
-webkit-granični polumjer: 0px 4px 8px 12px;

O tome kako napraviti okvir u CSS, to ovisi o iskoristivosti posjetitelja, jer obično stilski efekt se koristi za tehničke svrhe, kada je važno pokazati točnu lokaciju i veličinu prostora na stranici.

Debljina okvira i njegove svrhe

Odabir debljine okvira, možete koristiti px, pt, em ..., ali imajte na umu da je uvijek unutar područja elementa. Teško je zamisliti da CSS okvir ima svrhu dizajna, ali tehnički je vrlo prikladan da ga upotrijebite za isticanje elemenata stranice.

Ako je glavni okvir klasa zaključana, da je odsutan, tako da ga navodeći u pseudo-klase: hover, može se pokazati da je posjetitelj elementa stranice, kada je pokazivač miša, kao što su isticanje stavke izbornika. Ponekad morate odabrati nešto klikom na sliku ili povucite nešto negdje. Vrlo je pogodno koristiti crtani okvir, a ne promijeniti pozadinu elementa ili njegov sadržaj.

Neke aplikacije trebaju odabrati područje stranice ili odabrati stavke za kasniju obradu. U tom slučaju, u trenutku klikom stvoriti div sa granice i dokle god posjetitelj ne otpustite tipku miša, promijeniti veličinu, pokazujući vizualno rezultat izbora.

Izvan navedenog

CSS lekcije su vrlo zanimljive, također je važno proučiti kôd stranice popularnih web mjesta. Međutim, vlastiti resurs mora biti jedinstven, mora imati svoje lice.

CSS okvir koji pruža sintaksa ne daje jednaku raznolikost kao svoju vlastitu inicijativu. Impromptu je veliki početak, a ništa ne sprječava razvojnog programera da stvara svoj vlastiti okvir. Pogotovo sa svim dostignućima Internet tehnologija i sposobnosti postojećih standarda imaju mnogo obećavajuće ideje na temelju stvarnih nedostataka postojećeg sintakse, koji je (po definiciji) je uvijek bio strogo formalan.

Konkretno, ako želimo stvoriti okvir tih ili drugih elemenata, čini se razumnim to učiniti na sveobuhvatan način. Označavanjem stranica i kutova određenog područja u zasebnim oznakama možete dobiti zapanjujuće učinke. Dodjeljivanjem odgovarajućih rukovatelja možete stvoriti dinamične elemente stranice, mijenjati položaj, oblik i sadržaj.