CSS Box: eksprompt ja mõju

Kaskaadlaadistikke (CSS) kõikide oma loogilise lihtsus võimaldab mitte ainult luua tähelepanuväärne disaini lahendus, kuid ka elemente reaalne tegevus, jäljendada tulemuste tegelikku koodi.

Iga visuaalse tag HTML-märgise - nelinurkne konkreetse struktuuri ja sisu. Element sisaldab viidet koordinaadid, suurus, padding, värvi, font, stiil, ja nii edasi. Raam CSS-element määrab neid okupeeritud ala, paikneb seespool oma piirid tähistatakse siin laius.

süntaksi kirjeldus

Valdkonnas paigutuse element täpsustatud koordinaadid võrreldes ülemises vasakus nurgas (vasak, ülemine), suurus on horisontaalselt kui vertikaalselt (laius, kõrgus). Kõik disain ja animatsioon elemendid on tehtud paari "vara: raha".

Kirjeldus tehakse otse lehe koodi sisestada stiili või eraldi faili, juhtides teda LINK viide. süntaks:

#name {vara: väärtus; vara: väärtus; vara: väärtus; ...}

või

.name {vara: väärtus; vara: väärtus; vara: väärtus; ...}

Nimi võib olla ka p, keha, html, laud, td ..., mis on nime HTML-märgistuskeel tag. Võib olla ühendatud otse kirjeldus stiilis element.

Enne moodustavad oma kirjutamise stiili, ei ole valus näha, kuidas see tehtud populaarsed saidid, hoides lehe koodi, või vajutades Ctrl-U, et vaadata seda otse brauseris.

Peamised parameetrid

Tegelikult CSS raami elemendi esindatud stiilis (border-style), värv (border-color), laius (border-width). See kõik võib kokku võtta ühe vara - piiri. Saate kirjeldada iga kaadri piiri iseseisvalt (border-top, piiri-bottom, piiri-vasakule, piiri-paremale).

CSS raami kirjeldatud üldisi eeskirju kaskaadlaadistikke:

border: 3PX;
border-color: red;
Ääriselaad: topelt katkendlik tahke punktiirjoon.

See kirjeldus seab piiri laius 3 pikslit, värv - punane, stiili küljed: ülemine pool topelt, eks - katkendlik, kõva põhjaga, vasakule - punkt.

border-width: 1px 2px 4px 8 pikslit;
border-color: sinine;
Ääriselaad: punktiir.

Siin mõõtmed mõlemal küljel on ka järjestikku ülevalt päripäeva, värv - sinine ja stiil - Spot.

border-color: sinine punane roheline must;

Selles kirjelduses, üksik värv kummalgi küljel. border omandiks võib olla mitmeid parameetreid ja nurgad raami võib olla ümmargune:

border: 1px roheline tahke;
border-raadius: 0px 4px 8 pikslit 12px;
-moz-border-raadius: 0px 4px 8 pikslit 12px;
-webkit-border-raadius: 0px 4px 8 pikslit 12px;

Kuidas teha raami CSS, see sõltub kasutatavus külastaja, sest tavaliselt stilistilise mõju kasutatakse tehnilisel otstarbel, kui see on oluline näidata täpne asukoht ja pindala suurus lehel.

Paksus raami ja selle eesmärk

Valides raami paksuse, mida saab kasutada px, pt, em ..., kuid tuleb meeles pidada, et see on alati lähemal valdkonnas element. See on raske eeldada, et raam on CSS disaini eesmärk, kuid tehniliselt on see väga kasulik, et tõsta esile elemendid lehel.

Kui peamine raami klassi on lukus, et puudub, määrates selle pseudo-klass: hover, on võimalik näidata, et lehe külastaja element, kui see on hiirekursori nagu rõhutades menüüst. Mõnikord on vaja valida midagi klõpsates pilt või lohistada midagi kusagil. See on väga mugav kasutada dot raami, mitte muuta elemendi tausta või selle sisu.

Mõned rakendused nõuavad jaotamist lehe alad või üksuste valimiseks edasiseks töötlemiseks. Sel juhul on kliki aega luua div koos piiri ja nii kaua, kui külastaja ei vabasta hiirenupp, suurust muuta, näidates visuaalselt tulemus valik.

väljaspool all

CSS õpetused on väga huvitav, sest on teadusuuringute tähtsust koodid lehekülgi populaarsete saitide. Kuid omavahendite peab olema unikaalne, see peab olema oma nägu.

Pakub süntaks CSS raami ei anna sellist sorti, nagu omal algatusel. Improviseeritud - suurepärane algus ja miski ei takista arendaja ehitada oma raami. Eriti kõik saavutused Internet tehnoloogia ja võimeid olemasolevate standardite palju perspektiivikad ideed, mis põhineb reaalse puudused olemasolevate süntaks, mis on (definitsiooni järgi) on alati olnud rangelt formaalne.

Eriti juhul, kui ja selgitada välja, teatud elemendid, tundub asjakohane teha põhjalikult. Rõhuasetus üksikute silte külge ja nurgad piirkonna, saad hämmastav mõju. Määrates vastava masinad, saab luua dünaamilisi elemente, muutes seisukoht, kuju ja sisu.