CSS dėžė: ekspromtu ir poveikis

Pakopinių stilių (CSS) visų jo logiška paprastumo, kad būtų galima ne tik sukurti įspūdingas dizaino sprendimas, tačiau taip pat suteikia elementus realių veiksmų, sekti faktinio kodas efektyvumą.

Bet vaizdo žymė HTML žymėjimo - stačiakampė plotas ypač struktūros ir turinio. Elementas apima koordinačių, dydį, išklojimui, spalvą, šriftą, šrifto stilių ir nustatyti, ar kt. Rėmas CSS elementas nurodo jiems užimamas plotas, kuri yra įsikūrusi vidų nuo jos ribų apie paskirtą čia pločio.

sintaksės aprašymas

SRITIS vieta elementas nurodyta koordinatės, palyginti su viršutinės kairės puslapio kampe (kairėje, viršuje), į horizontaliąją ir vertikalia kryptimis dydžio (plotis, aukštis). Visos dizaino ir animacijos elementai yra pagaminti poromis "savybė: reikšmė".

Aprašymas daroma tiesiai į puslapio kodą įterpti stiliaus ar atskirame faile, rodydamas jam LINK pagalbos. sintaksė:

#name {savybė: reikšmė; savybė: reikšmė; savybė: reikšmė; ...}

arba

.name {savybė: reikšmė; savybė: reikšmė; savybė: reikšmė; ...}

Pavadinimas taip pat gali būti p, kūnas, HTML, stalo, TD ..., kad yra HTML žymėjimo žymės pavadinimą. Gali būti tiesiogiai prijungtas su stiliaus elementas aprašymas.

Prieš atsigriebti savo paties rašymo stilių, negalės pamatyti, kaip tai daroma ant populiarių svetainių, išlaikant puslapio kodą, arba paspaudžiant Vald-U, kad matytumėte tai tiesiai naršyklėje.

Pagrindiniai parametrai

Tiesą sakant CSS rėmas elementas atstovavo stilius (border-style), spalva (sienos spalva), plotis (border-width). Visa tai galima apibendrinti vienu turtą - sieną. Galite apibūdinti kiekvieno kadro sieną savarankiškai (sienos viršuje, border-bottom, sienos liko, border-right).

CSS rėmai aprašyta bendrųjų taisyklių pakopinių stilių:

sienos: 3px;
sienos spalva: raudona;
border-style: dviguba punktyrinė kietas punktyras.

Šis aprašymas nustato sienų plotį 3 taškų, spalva - raudona, stiliaus Šonai: viršutinėje pusėje dvigubas, dešinėje - punktyrine, kieto apačioje, kairėje - tašką.

sienos plotis: 1px 2px 4px 8tšk
sienos spalva: mėlyna;
border-style: punktyras.

Čia, iš kiekvienos pusės matmenys taip pat yra nuosekliai iš viršaus, pagal laikrodžio rodyklę, spalva - mėlyna, ir stiliaus - Spot ".

sienos spalva: mėlyna red green juoda;

šioje specifikacijoje, viena atskirai nurodyta spalva kiekvienoje pusėje. sienų turtas gali apimti kelis parametrus, o rėmo gali būti apvalios kampus:

sienos: 1px žalia kietas;
border-radius: 0px 4px 8tšk 12px;
MOZ-border-radius: 0px 4px 8tšk 12px;
-webkit-border-radius: 0px 4px 8tšk 12px;

Kaip padaryti kadrą CSS, tai priklauso nuo lankytojo praktiškumo, nes paprastai stilistinė efektas naudojami techniniais tikslais, kai tai yra svarbu parodyti tikslią vietą ir plotą, puslapyje.

Rėmelio ir jos tikslu storis

Pasirenkant rėmo storis, galite naudoti px, PT, em ..., bet reikia turėti omenyje, kad tai visada per lauko elementą. Sunku manyti, kad rėmas turi CSS dizainas paskirtį, tačiau techniškai tai yra labai naudinga išryškinti puslapyje elementus.

Jei pagrindinis rėmas klasė yra užrakintas, kad nėra, nurodant jį pseudo-klasės: užveskite, tai gali būti įrodyta, kad iš puslapio elementas lankytojas, kai ji yra pelės žymeklis, tokių kaip išryškinti meniu elementą. Kartais būtina pasirinkti kažką paspaudę ant paveikslėlio, arba vilkite kažką kažkur. Tai labai patogu naudoti dot rėmo, o ne pakeisti elemento fonas arba jo turinį.

Kai kurios programos reikalauja sričių puslapyje paskirstymą, arba pasirinkite elementus tolesniam perdirbimui. Tokiu atveju, bent paspaudimo metu sukurti div su sienos ir tol, kol lankytojas nėra atleiskite pelės mygtuką, keisti ją, parodyti vizualiai pasirinkimo rezultatas.

Už pagal

CSS vadovėliai yra labai įdomi, nes yra mokslinių tyrimų kodus puslapių populiarių svetainių svarbą. Tačiau nuosavi ištekliai turi būti unikalus, jis turi turėti savo veidą.

Jeigu CSS rėmo sintaksė nesuteikia tokios veislės, kaip savo iniciatyva. Ekspromtas - puiki pradžia, ir nieko neleidžia kūrėjas kurti savo kadrą. Ypač su visais interneto technologijų pasiekimus ir galimybes esamų standartų turi daug perspektyvių idėjų remiantis realių trūkumų esamos sintakse, kuri yra (pagal apibrėžimą) visada buvo griežtai formalus.

Visų pirma, jei ir nustatyti tam tikrų elementų apimtį, tikslinga tai daryti kompleksiškai. Paryškinimas individualius žymeles pusių ir kampų regiono, jūs galite gauti nuostabų poveikį. A valstybės skiriamas atitinkamas krautuvai, gali sukurti dinamišką puslapio elementus, keičiant padėtį, formą ir turinį.