CSS Box: bateko eta efektu

Kaskadako estilo-orriak (CSS) bere soiltasuna logikoa guztientzat egiteko posible bakarra ikusgarri diseinu irtenbide bat sortu nahi da, baina, era berean, ekintza benetako elementu ematen, benetako kodea errendimendua emulatzeko.

Edozein entzunezko etiketa HTML-markatzea - egitura eta edukia zehatz baten inguruan laukizuzena. elementua the koordenadak, tamaina, padding, kolorea, letra, letra-estilo zantzurik bat osatzen dute, eta abar. Marko CSS-elementu okupatuetan inguruan zehazten haiek, ari barrurantz dago bere diren izendatutako zabalera mugak ditu.

sintaxia azalpena

FIELD laneratze elementu zehaztu orriaren goiko ezkerreko izkinan (ezkerrera, goitik), norabide horizontal eta bertikalak tamaina (zabalera, altuera) erlatiboa koordinatzen. diseinu eta animazio elementu guztiak bikoteka egiten dira "Jabetza: balioa".

Description zuzenean egiten da orri-kodea style txertatzeko edo aparteko fitxategi batean, LINK erreferentzia hura seinalatuz. sintaxia:

#IZENA {Jabetza: balioa; Jabetza: balioa; Jabetza: balioa; ...}

edo

.name {Jabetza: balioa; Jabetza: balioa; Jabetza: balioa; ...}

Izena halaber p, gorputza, html, taula, td ... izan daitezke, hau HTML-markaketa etiketa baten izena da. zuzenean lotuta egon daitezkeen estilo elementu deskribapena batera.

gora egin duzu nire idazteko estiloa aurretik, ez minik, nola herri guneetako egiten da, orri-kodea mantenduz, edo Ktrl-U zuzenean ikusteko nabigatzailean ikusteko.

parametro nagusiak

Egia esan CSS markoa elementu irudikatzen style (mugatik estiloko), kolorea (border-color), zabalera (mugatik-zabalera). guztiak ezin da laburbildu Jabetza batean - mugako. markoa mugatik bakoitzak independentean deskribatzeko dezakezu (mugatik-top, mugatik-behean, mugatik ezkerrera, mugako-eskuin).

CSS markoa deskribatu Kaskadako estilo-orriak arau orokorren arabera:

mugatik: 3px;
border-color: red;
border-style: bikoitza marratxodun solidoa zipriztindua.

goiko bikoitza, eskuin hegalean - marratxodun, behean ona, ezker - puntua: gorria, estilo aldeak - Deskribapen hau mugatik 3 pixel, kolore zabalera ezartzen du.

border-width: 1 px 2px 4 px 8 px;
border-color: blue;
border-style: zipriztindua.

Hemen, alde bakoitzean dimentsioak ere badira sekuentzialki goitik, erlojuaren, color from - urdina, eta estilo - Spot.

border-color: urdin-gorri-beltza berdea;

zehaztapen honetan, banaka zehaztu color alde bakoitzean. haraindiko jabetza parametro anitz, eta markoaren biribila izan daiteke angelu, besteak beste:

mugatik: 1 px berde finko;
border-radius: 0px 4 px 8 px 12px;
-moz gaindiko-eremua: 0px 4 px 8 px 12px;
-webkit gaindiko-eremua: 0px 4 px 8 px 12px;

nola markoaren egiteko CSS in On, bisitariak erabilgarritasuna araberakoa da, izan ere, normalean estiloari eragina, helburu teknikoak egiteko erabiltzen da, noiz garrantzitsua da kokapen zehatza eta tamaina orriko eremuaren erakusteko.

markoa eta bere helburua lodiera

markoaren lodiera aukeratzean, px erabili ahal izango duzu, pt, em ..., baina kontuan izan dela beti eremu elementu barruan behar da. Zaila da markoaren hori CSS diseinu helburua dauka bereganatzeko, baina teknikoki oso erabilgarria orriaren elementu nabarmendu behar da.

marko class nagusia blokeatuta badago, hori ez da ageri, bertan zehaztuz sasi-klasean by: hover, orriaren elementu bisitariari froga daiteke, sagua da, hala nola, menu elementua nabarmendu dute. Batzuetan, beharrezkoa da zerbait hautatzeko irudia klik eginez, edo zerbait arrastatu nonbait. Oso erosoa da dot markoa erabili, eta ez elementua aurrekariak edo bere edukia aldatzeko.

Aplikazio batzuk orriaren arlo esleipena eskatzen edo hautatu prozesatzeko gehiago elementuak. Kasu honetan, egin klik unean div bat sortzeko ertza, eta betiere bisitariak ez du askatu saguaren botoia, aldatu tamaina, ikusmen aukeratu emaitza erakusten.

Kanpoaldean azpian

CSS tutoretzak oso interesgarriak dira, ikerketa kode popular guneak orrietan garrantzia dela eta. Hala ere, baliabide propioak bakarra izan behar, bere aurpegia propioa izan behar du.

Emandako CSS markoa sintaxia ez ditu, besteak beste, hainbat emateko, bere ekimenez eta. Impromptu - Irteeran handi bat, eta ezer sustatzailearen euren markoa eraikitzeko eragozten. Bereziki Internet teknologiaren lorpen guztiak eta dauden estandarren gaitasunak itxaropentsua ideia asko izan oinarritutako Dagoen sintaxia, hau da (definizioz) beti izan da zorrozki formal baten gabeziak benetako orrian.

Bereziki, baldin eta zenbait elementu esparrua ezartzea, badirudi egokia hain sakon egin. Banakako etiketa nabarmentzea alboetan eta angelu eskualde baten ere, harrigarria efektu lor dezakezu. A esleitzea dagozkien kudeatzaileen, dinamikoa orria elementuak, posizio, forma eta edukia aldatzen sor dezake.