CSS Box: improvizacija i efekt

CSS (CSS) za sve svoje logično jednostavnost omogućiti ne samo da se stvori spektakularno dizajnersko rješenje, ali i pružiti elemente stvarne akcije, da oponaša učinak stvarnog koda.

Vizuelno tag HTML-označavanje - pravougaona površina određene strukture i sadržaja. Element se sastoji od indikacija koordinata, veličina, padding, boja, font, stil fonta, i tako dalje. Frame CSS-element ih određuje okupiranom području, koji se nalazi unutra od njenih granica na određeno ovdje širine.

opis sintakse

FIELD plasman element navedene koordinate u odnosu na gornjem lijevom kutu stranice (lijevo, na vrhu), veličina u horizontalne i vertikalne pravce (širina, visina). Sve dizajn i animaciju elementi su u parovima "imovina: vrijednost".

Opis se vrši direktno u kod stranice da ubacite stilu ili u posebnoj datoteci, ističući da ga LINK referencu. sintaksa:

#name {nekretnine: vrijednosti; nekretnine: vrijednost; nekretnine: vrijednost; ...}

ili

.name {nekretnine: vrijednosti; nekretnine: vrijednost; nekretnine: vrijednost; ...}

Ime može biti p, tijelo, html, stol, td ..., da je ime HTML-markup oznaka. Može biti direktno povezani sa opisom elementa stila.

Prije nego što čine svoj stil pisanja, ne boli da vidi kako se to radi na popularnim lokacijama, održavajući kodna stranica, ili pritiskom Ctrl-U da biste je izravno u browser.

Glavni parametri

Zapravo element CSS okvir predstavljeni stil (granica-style), boja (granični boja), širina (granica širine). Sve se može sažeti u jednoj imovine - granice. Možete samostalno opisati svaku granicu okvira (granica-top, granica-dno, granica-lijevo, granica-desno).

CSS okvir opisao opštim pravilima Cascading Style listova:

granica: 3px;
granice boja: crvena;
granica stilu: bračni isprekidane čvrste isprekidana.

Ovaj opis postavlja širinu granica 3 piksela, boja - crveni, stil strana: gornju stranu dvostrukog, desno - isprekidane, čvrste dolje, lijevo - tačka.

granica širine: 1px 2px 4PX 8px;
granice boja: plava;
granica stilu: točkasti.

Evo, dimenzije svake strane su redom od vrha, od kazaljke na satu, boja - plava, i stil - Spot.

granice boja: plava crvena zelena crna;

u ovoj specifikaciji, pojedinačno određenu boju na svakoj strani. granice imovine može uključivati više parametara, a uglovi okvira može biti kolo:

granica: 1px zelene čvrste;
border-radius: 0px 4PX 8px 12px;
-moz-border-radius: 0px 4PX 8px 12px;
-webkit-border-radius: 0px 4PX 8px 12px;

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

Debljina okvira i njegova svrha

Izborom debljine okvira, možete koristiti px, pt, em ..., ali treba imati na umu da je uvijek unutar elementa polja. Teško je pretpostaviti da je okvir ima CSS svrhu dizajn, ali tehnički je vrlo korisno da se ukaže na elemente stranice.

Ako je glavni klase okvir zaključan, da je odsutan, navodeći ga u pseudo-klase: hover, može se pokazati da posjetitelj elementa stranice, kada je kursor miša, kao što su isticanje stavke menija. Ponekad je potrebno da odaberete nešto klikom na sliku ili povući nešto negdje. To je vrlo povoljno za korištenje okvira tačaka, a ne da promijeniti pozadinu elementa ili njegovog sadržaja.

Neke aplikacije zahtijevaju raspodjelu mjesta na stranici, ili odaberite stavke za dalju obradu. U ovom slučaju, u trenutku klik stvoriti div sa granice i dok posjetitelj ne otpustite tipku miša, promijeniti veličinu to pokazuje vizuelno rezultat izbora.

izvana pod

CSS tutoriali su vrlo zanimljivi, kao što je važnost istraživanja kodova stranicama popularnih lokacija. Međutim, vlastitih sredstava mora biti jedinstven, mora imati svoje vlastito lice.

Pod uvjetom da sintaksa CSS okvir ne daje takve sorte, kao vlastitu inicijativu. Impromptu - odličan početak, a ništa ne sprečava programeru da grade svoje okvira. Posebno sa svim dostignućima Internet tehnologije i mogućnosti postojećih standarda imaju mnogo obećavajuće ideje zasnovane na stvarnim nedostaci postojećeg sintakse, koji je (po definiciji) je uvijek bio strogo formalni.

Konkretno, ako i odrediti obim pojedinih elemenata, čini se primjereno tako sveobuhvatno. Isticanje individualne tagovi u stranica i uglova u regionu, možete dobiti nevjerovatan efekte. A dodjeljivanje odgovarajućih sirovina, mogu stvoriti dinamičan elemenata stranica, mijenjanje položaja, oblika i sadržaja.