CSS Box: Mini an Effekt

Kaskadespär Stil Blieder (CSS) fir all seng logesch Simplicitéit maachen et méiglech net nëmmen e Problem Design Léisung ze schafen, awer och Elementer vun real Aktioun déi, der Leeschtung vun de aktuell Code dës Characteristik.

Keng visuell Tag HTML-Marquage - e véiereckege Beräich vun engem bestëmmte Struktur an Inhalt. D'Element regruppéiert eng Indikatioun vun der Koordinaten, Gréisst, padding, Faarf, Schrëftgréisst, Schrëftgréisst Stil, an sou weider. Frame CSS-Element spezifizéiert hinnen besat Beräich, Erläsche op designéierte ëmzestoussen Breet vu senge Grenze läit Wiesen.

Siwebiergen Beschreiwung

FIELD Openthalt Element uginn Koordinaten relativ zu der ieweschter lénks Eck vun der Säit (lénks, uewen), der Gréisst an der horizontal a vertikal Richtungen (Breet, Héicht). ": Wäert Propriétéit" All Design an Animatioun Elementer sinn an Puer feieren.

Beschreiwung ass direkt op der Säit Code gemaach ze opginn Stil oder an engem getrennten Fichier, Virop him LINK Referenz. Siwebiergen:

De {Propriétéit: Wäert; Propriétéit: Wäert; Propriétéit: Wäert; ...}

oder

.name {Propriétéit: Wäert; Propriétéit: Wäert; Propriétéit: Wäert; ...}

Den Numm och p kann, Kierper, HTML, Dësch, TD ..., dat ass den Numm vun der HTML-Wikisyntax Tag. Mee direkt mat der Beschreiwung vun der Stil Element verbonne ginn.

Ier Dir meng eegen Schreiwen Stil nohuelen, schueden, net gesinn, wéi et op populär Siten gemaach senger, d'Säit Code hält, oder duerch pressen Ctrl-U et am Browser direkt ze gesinn.

D'Haaptrei Parameteren

Eigentlech CSS Frame Element representéiert Stil (Grenz-Stil), Faarf (Grenz-Faarw), Breed (Grenz-Breet). Et kann all an een Verméigen wat do ginn - Grenz. Dir kënnt all Frame Grenz beschreiwen onofhängeg (Grenz-top, Grenz-ënnen, Grenz-lénks, Grenz-riets).

vun den allgemenge Regele vun Kaskadespär Stil Blieder beschriwwen CSS Frame:

Grenz: 3px;
Grenz-Faarf: rout;
Grenz-Stil: duebel staark agekreest stoung.

Dës Beschreiwung baut d'Grenz Breet vun 3 Pixel, Faarf - rout, Stil Säiten: ieweschter Säit vun der duebeler, Recht - stoung, staark ënnen, lénks - Punkt.

Grenz-Breet: 1px 2px 4px 8px;
Grenz-Faarf: blo;
Grenz-Stil: agekreest.

Hei, sinn d'Dimensioune vun all Säit och Rei aus erop, no dréien, Faarf - blo, an Stil - icon_thumright.

Grenz-Faarf: blo rout gréng schwaarz;

an dësem Spezifizéierung, uginn individuell Faarf op all Säit. Grenz Besëtz kann MÉI Parameteren, an d'Engelen vun der Rumm och kann Ronn ginn:

Grenz: 1px gréng staark;
Grenz-Radius: 0px 4px 8px 12px;
-moz-Grenz-Radius: 0px 4px 8px 12px;
-webkit-Grenz-Radius: 0px 4px 8px 12px;

Op wéi de Kader an CSS ze maachen, hänkt et op der Benotzerfrëndlechkeet vun de Visiteur, well normalerweis de franséische Kino Effekt fir technesch Zwecker benotzt gëtt, wann et wichteg ass op der Säit vun der geneeër Plaz an Gréisst vun der Géigend ze weisen.

Esou deck vun der Rumm an hiren Zweck

Déi deck vun der Rumm ausgesicht, kënnt Dir px, pt, em benotzen ..., mä et sollt net vergiessen dréit ginn, datt et ëmmer bannent den Terrain Element ass. Et ass schwéier ze huelen, datt de Kader engem CSS Design Zweck huet, mä technesch ass et ganz nëtzlech d'Elementer vun der Säit ze Highlight.

Wann der Haaptframe Klass gespaart ass, ass, datt do, déi et an pseudo-Klass Precisioun: hover, kann et bis de Visiteur vun der Säit Element gewise ginn, wou et der Maus Cursorpositioun, wéi e Menü Punkt ervirhiewt. Heiansdo ass et néideg eppes vun engem Klick op d'Bild ze wielen, oder eppes iergendwou souvill. Et ass ganz praktesch Punkt Frame ze benotzen, an net ze Hannergrond d'Element änneren oder dra steet.

Puer Applikatiounen verlaangen d'Bewëllegung vu Beräicher vun der Säit, oder wielt Saache fir weider Veraarbechtung. An dësem Fall, an der Zäit vun der klickt engem Divisiounen mat enger Grenz ze schafen an soulaang de Visiteur net der Maus Knäppchen heescht fräiginn, resize et, visuell d'Resultat vun presentéiert weist.

ausserhalb ënner

CSS Tutorials si ganz interessant, wéi ass d'Wichtegkeet vun der Fuerschung Coden Säiten vun populär Siten. den Eegemëttel muss et ginn awer, eenzegaarteg, muss seng eege Gesiicht hunn.

Gëtt der Siwebiergen vun CSS Frame et ginn net esou eng differenzéiert, wéi seng eegen Initiativ. Mini - e groussen ufänken, a näischt hält en Entwéckler hir eege Frame ze bauen. Virun allem mat all de Leeschtungen vun Internet Technologie a Kënnen vun bestehend Standarden hunn vill villverspriechend Iddien baséiert op real Defiziter vun der bestehend Siwebiergen, déi (vun Definitioun) ass nach ëmmer eng streng formell gouf.

Besonnesch, wann an de Kader vun verschidden Elementer gedoe, schéngt et ubruecht sou globaalt ze maachen. Ervirhiewen eenzelne Tags am Säiten an Engelen vun enger Regioun, kënnt Dir erstaunlech Effekter kréien. A Attributiounsregele jeeweileg handlers, kann dynamesch Säit Elementer schafen, änneren d'Positioun, Form a Inhalt.