CSS Box: byrfyfyr ac effaith

taflenni arddull rhaeadrol (CSS) ar gyfer ei holl symlrwydd rhesymegol yn ei gwneud yn bosibl nid yn unig i greu datrysiad dylunio ysblennydd, ond hefyd yn darparu elfennau o weithredu go iawn, i efelychu perfformiad y cod ei hun.

Unrhyw tag gweledol HTML-farcio - ardal hirsgwar o strwythur a chynnwys penodol. Mae'r elfen yn cynnwys awgrym o gyfesurynnau, maint, padding, lliw, ffont, arddull ffont, ac yn y blaen. Ffrâm CSS-elfen yn pennu ardal a ddefnyddir iddynt, yn cael eu lleoli tu allan gan ei ffiniau ar dynodedig lled yma.

disgrifiad cystrawen

elfen leoliad FIELD penodol yn cydlynu gymharu â'r gornel uchaf chwith y dudalen (ar y chwith, top), maint yn y cyfarwyddiadau llorweddol a fertigol (lled, uchder). Mae'r holl elfennau dylunio ac animeiddio yn cael eu gwneud mewn parau "eiddo: gwerth".

Disgrifiad cael ei wneud yn uniongyrchol yn y cod dudalen i fewnosod arddull neu mewn ffeil ar wahân, gan dynnu sylw ato cyfeirio LINK. cystrawen:

#name {eiddo: gwerth; eiddo: gwerth; eiddo: gwerth; ...}

neu

.name {eiddo: gwerth; eiddo: gwerth; eiddo: gwerth; ...}

Gall yr enw hefyd fod yn p, corff, html, bwrdd, TD ..., hynny yw enw'r tag HTML-markup. Efallai fod yn gysylltiedig yn uniongyrchol â'r disgrifiad o'r elfen arddull.

Cyn i chi wneud i fyny fy steil ysgrifennu eu hunain, nid yw brifo i weld sut mae gwneud ar safleoedd poblogaidd, gan gadw'r cod dudalen, neu drwy wasgu Ctrl-U i'w weld yn uniongyrchol yn y porwr.

Y prif baramedrau

arddull mewn gwirionedd yn elfen ffrâm CSS gynrychioli (border-arddull), lliw (border-lliw), lled (border-lled). Gellir ei gyd gael eu crynhoi mewn un eiddo - ffin. Gallwch ddisgrifio pob ffin ffrâm annibynnol (border-top, border-gwaelod, chwith border-, border-dde).

ffrâm CSS a ddisgrifir gan y rheolau cyffredinol taflenni arddull rhaeadrol:

border: 3px;
border-lliw: coch;
border-style: gro dwbl dot solet.

Mae'r disgrifiad hwn yn gosod y lled ffin 3 picsel, lliw - ochrau coch, arddull: ochr uchaf y dwbl, dde - gro, gwaelod solet, chwith - pwynt.

border-lled: 1px 2PX 4px 8PX;
border-lliw: glas;
border-style: frith.

Yma, mae'r dimensiynau bob ochr hefyd yn ddilyniannol o'r top, gyda'r cloc, lliw - glas, ac arddull - Spot.

border-lliw: du gwyrdd coch glas;

yn y fanyleb hon, a nodir yn unigol lliw ar bob ochr. Gall eiddo ffiniol gynnwys paramedrau lluosog, ac onglau y ffrâm y gall fod yn grwn:

border: 1px solid gwyrdd;
border-radiws: 0px 4px 8PX 12px;
moz-border-radiws: 0px 4px 8PX 12px;
-webkit-border-radiws: 0px 4px 8PX 12px;

Ar sut i wneud y ffrâm yn CSS, mae'n dibynnu ar y defnyddioldeb yr ymwelydd, gan fod fel arfer yn yr effaith arddull yn cael ei ddefnyddio at ddibenion technegol, pan fydd yn bwysig i ddangos union leoliad a maint yr ardal ar y dudalen.

Mae trwch y ffrâm a'i diben

Trwy ddewis y trwch y ffrâm, gallwch ddefnyddio px, pt, em ..., ond dylid cadw mewn cof ei bod yn bob amser o fewn yr elfen maes. Mae'n anodd cymryd yn ganiataol bod y ffrâm bwrpas dylunio CSS, ond yn dechnegol mae'n ddefnyddiol iawn i dynnu sylw at elfennau y dudalen.

Os bydd y prif ddosbarth ffrâm ei gloi, hynny yw absennol, trwy bennu mewn ffug ddosbarth: hofran, gellir dangos i'r ymwelydd yr elfen dudalen, pan fydd yn y cyrchwr llygoden, megis tynnu sylw at eitem dewislen. Weithiau mae angen i ddewis rhywbeth drwy glicio ar y ddelwedd, neu lusgo rhywbeth yn rhywle. Mae'n gyfleus iawn i'w defnyddio dot ffrâm, ac i beidio â newid y cefndir yr elfen neu ei gynnwys.

Mae rhai ceisiadau yn gofyn am ddyrannu ardaloedd y dudalen, neu ddewis eitemau ar gyfer prosesu pellach. Yn yr achos hwn, ar adeg y clic i greu div gydag ymyl ac ar yr amod nad yw'r ymwelydd yn rhyddhau'r botwm llygoden, newid maint iddo, yn dangos yn weledol o ganlyniad i ddewis.

Y tu allan o dan

tiwtorialau CSS yn ddiddorol iawn, fel y mae pwysigrwydd dudalennau godau ymchwil safleoedd poblogaidd. Fodd bynnag, mae'n rhaid i'r hadnoddau eu hunain fod yn unigryw, rhaid iddo gael ei wyneb ei hun.

Nid Ar yr amod y gystrawen o ffrâm CSS yn rhoi cymaint o amrywiaeth, fel ei liwt ei hun. Impromptu - dechrau gwych, ac nid oes dim yn atal datblygwr i adeiladu eu ffrâm hunain. Yn enwedig gyda'r holl gyflawniadau o dechnoleg Rhyngrwyd a galluoedd o safonau presennol llawer o syniadau addawol yn seiliedig ar ddiffygion gwirioneddol y gystrawen bresennol, sef (trwy ddiffiniad) bob amser wedi bod yn ffurfiol yn llym.

Yn benodol, os a sefydlu cwmpas elfennau penodol, mae'n ymddangos yn briodol i wneud hynny mewn modd cynhwysfawr. Tynnu sylw at tagiau unigol yn y ochrau ac onglau o ranbarth, gallwch gael effeithiau rhyfeddol. Gall aseinio sy'n trin priod, creu elfennau dudalen ddeinamig, yn newid y sefyllfa, siâp a chynnwys.