CSS Box: improvizirana in učinek

Kaskadnih slogov (CSS) za vse svoje logično preprostosti omogočila ne le ustvariti spektakularno idejne rešitve, ampak tudi elemente konkretna dejanja, posnemati uspešnost dejanske kode.

Vsaka vizualna oznaka HTML-CE - pravokotne področje posebno strukturo in vsebino. Element vsebuje navedbo koordinat, velikost, oblazinjenje, barve, pisave, slog pisave, in tako naprej. Okvir CSS elementom ji določa zasedajo območje, ki se nahaja navznoter od njenih meja na tu označen širine.

opis sintaksa

PODROČJE element umestitev določeno koordinate glede na zgornjem levem kotu strani (levo, zgoraj), z velikostjo v vodoravni in navpični smeri (širina, višina). Vse oblikovanje in animacija elementi so narejeni v parih "nepremičnine: vrednost".

Opis poteka neposredno na strani kodo za vstavljanje slog ali v ločeno datoteko, ki kaže, da mu je referenčna LINK. sintakso:

#name {lastnost: vrednost; lastnost: vrednost; lastnost: vrednost; ...}

ali

.name {lastnost: vrednost; lastnost: vrednost; lastnost: vrednost; ...}

Ime je lahko tudi p, body, html, miza, td ..., da je ime HTML-označevalni oznako. Lahko je neposredno povezan z opisom sloga elementa.

Preden se predstavljajo svoj stil pisanja, ne boli, da vidite, kako je to storjeno na priljubljenih straneh, vodenje kodo strani, ali s pritiskom na Ctrl-U, da si jo ogledate neposredno v brskalniku.

Glavni parametri

Pravzaprav CSS okvir element zastopa stil (border-style), barva (border-color), širina (meja širine). To se vse lahko povzamemo v enem nepremičnine - mejo. Lahko opisati vsako mejo okvirja neodvisno (border-top, border-bottom, border-left, border-desno).

CSS okvir v skladu s splošnimi pravili kaskadnih slogov je opisano:

meja: 3PX;
border-color: red;
border-style: dvojna črtkana trdna prekinjena.

Ta opis določa širino obrobe 3 pik, barva - rdeča, slog straneh: zgornji strani dvojne, desno - črtkano, trdno dno, levo - točke.

mejnih širina: 1px 2 slikovni piki 4 slikovne pike 8 slikovnih pik;
border-color: modra;
border-style: pikčasto.

Tukaj, dimenzije vsaki strani so tudi zaporedno z vrha, v smeri urinega kazalca, barva - modra, in slog - Spot.

border-color: modra rdeča zelena črna;

v tem opisu, posamično določena barva na vsaki strani. meja lastnine lahko vključujejo več parametrov, in kote okvirja je lahko krog:

border: 1px zeleno trdno snov;
border-radius: 0px 4 slikovne pike 8 slikovnih pik 12 slikovnih pik;
-moz-border-radius: 0px 4 slikovne pike 8 slikovnih pik 12 slikovnih pik;
-webkit-border-radius: 0px 4 slikovne pike 8 slikovnih pik 12 slikovnih pik;

O tem, kako narediti okvir v CSS, je odvisna od uporabnosti obiskovalca, saj je ponavadi stilistični učinek, ki se uporablja za tehnične namene, ko je treba pokazati natančno lokacijo in velikost območja na strani.

Debelina okvirja in njen namen

Z izbiro debeline okvirja, lahko uporabite px, pt, em ..., vendar pa je treba opozoriti, da je vedno v polju elementa. Težko je pričakovati, da ima okvir design namen CSS, ampak tehnično je zelo koristno izpostaviti elemente strani.

Če je glavni razred okvir zaklenjena, da je odsoten, tako da ga navede v psevdorazredu: hover mogoče, da se prikaže na obiskovalca na strani elementa, ko je kazalec miške, kot poudarja element menija. Včasih je potrebno izbrati nekaj, s klikom na sliko, ali povlecite nekaj nekje. To je zelo priročen za uporabo dot okvir, in ne za spremembo ozadja na vsak element ali njegovo vsebino.

Nekatere aplikacije zahtevajo razdelitev področij strani, ali izberite elemente za nadaljnjo obdelavo. V tem primeru, v času klika ustvariti div z mejo in dokler obiskovalec ne spustite gumb miške, da spremenite velikost, ki prikazuje vizualno rezultat izbire.

zunaj pod

CSS vaje so zelo zanimiva, saj je pomen raziskovalnih straneh kod priljubljenih spletnih mest. Vendar pa morajo biti lastna sredstva edinstvena, mora imeti svoj obraz.

Pod pogojem, da sintaksa CSS okvirja ne daje take sorte, kot svojo lastno pobudo. Impromptu - dober začetek, in nič ne preprečuje, da bi razvijalec za izgradnjo lastnega okvirja. Še posebej z vsemi dosežki internetne tehnologije in zmogljivosti obstoječih standardov veliko obetavnih idej, ki temelji na resničnih pomanjkljivosti obstoječega sintakse, ki je (po definiciji), je bila vedno strogo formalno.

Še posebej, če in določiti obseg nekaterih elementov, se zdi primerno, da se to stori celovito. Poudarjanje posameznih oznak na strani in kotov v regiji, lahko dobite neverjetne učinke. A dodeljevanje ustreznih sekundarnih surovin, lahko ustvarite dinamične elemente strani, spreminjanje položaja, obliko in vsebino.