CSS: font color, style, model, madhësia

Programming - pasqyrë: në fillim ishte fjala, dhe jo reflektuar mbrapa. Dhe shumë shpejt ajo kishte për të "ndryshimit": pasqyrë e parë, pastaj fjala ... Në këtë pikë, Cascading fletë stil - është e mirë, por pse kaq gjatë ajo ishte duke shkuar në mendje një zhvillues? CSS - kjo është e gjitha e njëjta herë Grup epoka e programeve kompjuterike, por vetëm në një perspektivë të ndryshme. Edhe kur masa të bëhet revolucion associative nuk është bërë.

Faqe e internetit - kjo HTML tags-Markup, të cilat mund t'i atribuohet një stil apo stil identifikues të caktuar të klasës. E para mund të përcaktohet një herë dhe për të përshkruajnë ndonjë gjë shumë të nevojshme e kohës, dhe i dyti i takon një element të veçantë.

Logjika e përgjithshme e përshkrimit të stileve

Sipas traditës, stili është vendosur në CSS-dosje, por mund t'i atribuohet një element të veçantë në atribut të tij të stilit. Stili mund të jetë krijuar në dinamikën e mjeteve JavaScript. Me rëndësi të veçantë nuk është përshkruar si, për shembull, me anë të ngjyrës CSS font, madhësinë e saj, kufje, sfond bazë të saj dhe kështu me radhë. përshkrimi Vendndodhja stil është i rëndësishëm në kontekstin e, zakonisht dy ide: më vonë e përshkroi, kështu që është një prioritet i lartë, dhe në qoftë se të përshkruara në elementin, ajo ka rëndësi !. Fundit regjistruar ashtu siç është, përcakton qartë prioritetin.

Aplikoni stil për të, për shembull, një farë ngjyrë font ndryshim ngjyra, mund të jetë kudo dhe çdo gjë. Pyetja është se si të reagojnë në atë në një shfletues gjatë disassembly të gjitha stilet së bashku. Sa ka shpenzuar në këtë CPU?

Në mënyrë ideale, ngjyra font duhet të tregohet vetëm një herë - kjo është një klasik. Mendoni jashtë për një përshkrim të thjeshtë të një çifti, dhe pastaj një tjetër dhe një tjetër ... natyrisht, ju mund. Ajo është në modë, por praktike.

Logjika e përgjithshme SHEMBULL

Quite thjesht përcaktohet nga ngjyra CSS për të gjitha tre elemente, është e mundur për të marrë të paktën tre probleme të gjatë-running:

# Ele1, # Ele2, # Ele3 {
Pozicionin: absolute;
majtas: 20px;
lart: 14px;
Ngjyra: e kuqe;
}

# Ele2, # Ele3 {
majtas: 90px; // ndryshojnë koordinatat CSS horizontale
Ngjyra: e verdhë; // ndryshojë ngjyra e CSS font
}

# Ele3 {
lart: 114px; // ndryshojë CSS vertikale të koordinuar

Ngjyra: e gjelbër; // herë të ndryshojë ngjyra e CSS font

background-color: lightgrey; // ngjyra CSS text pah ndryshuar, por kjo nuk është e pranishme në # Ele1 dhe # Ele2; Pozicioni i ndryshuar gjithashtu, por ajo ka ndryshuar në # Ele2 dhe jo, si këtu

}

Tani ne duhet të kujtojmë se të gjitha këto tre elemente është përcaktuar diku, dhe në rast të një ndryshimi të përfaqësive ngjyra të pronarin e faqes, zhvilluesi i do të duhet të mbani mend jo vetëm për ngjyrën, por edhe në lidhje me rregullat e majtë dhe e sipërme, dhe madje edhe për të ndryshuar ngjyrën pah të tekstit nuk duhet të harrohet.

Jo të gjithë zhvilluesit janë nderuar kërkesë CSS: ID Style - vetëm një element, dhe stilin e klasës - shumë tags, përveç pikën e fundit të jetë e mundur në tags si mbiemra:

• vendosur ngjyrën font në CSS - klasë groundColor stilit;
• të përcaktojë madhësinë e shkronjave - Class size15;
• set pozitë - klasë PlaceUp.

Natyrisht, përdorimi i identifikuesve, sidomos kur ata i përkasin të njëjtit element shënon, top dhjetë klasa stilin, pikturuar në kombinime të ndryshme të qindra elementeve faqe. Por çdo gjë ka një logjikë e saj objektive.

Zhvilluesi thjesht duhet të saktë të marrë parasysh: edhe nëse ngjyra font i HTML, CSS ofron për të përshkruar të vështirë, fleksibilitetin e strukturës së përgjithshme të përshkrimeve - kjo është puna e tij.

Rezultati i pritshëm i përdorur logjikën e përbashkët

shfletuesit modern janë të kënaqur me një shumë e dosjeve të stilit dhe vëllime. Megjithatë, projektim, në veçanti nëpërmjet CSS, ngjyra faqe të tërë, ju duhet të mendojnë për mjaftueshmërinë arsyeshme. Jo të gjitha rregullat e stilit look "të lirë" në kërkesë. Hyrja e thjeshtë lakonik: * {color: white;} - sigurisht e bukur, por kjo vlen për të gjitha elementet e faqes, pa përjashtim.

Nga të gjitha rregullat, e cila është e pajisur me CSS, më të rëndësishme:

• style - klasë, dhe pastaj emri fillon me, "."
• style - identifikues dhe emri i tij fillon me një "#" karakter;
• në raste të tjera - një tag emër apo diçka të veçantë

Pjesa e mbetur e ideve Përshkrimi Në Styles (pronat e trashëgimisë mbivendosen, prioritetet, pozita, të rendit dhe të ngjashme. D.) duhet të përdoret në mënyrë inteligjente dhe e domosdoshme.

Shfletuesi gjithmonë të humbasë, nuk do të bëjë në përshkrimin, në mënyrë që surprizat e veçanta nuk do të. Nëse diçka nuk ishte në vendin e duhur ose vendosur ngjyrën font në CSS nuk është e mundur, pra, në stilin e gabimit.

mundësi të papritura

nuk duhet të keqpërdoret stilet si * {majtë: 124px; } ose

ol ol, ol ul, ul ul, ol ul {diferencë-poshtme: 0; }
a img {kufiri: 0; }

Edhe pse është e vështirë për të bërë edhe një zhvillues rishtar për të përdorur rregullat CSS si ata janë. Gjithmonë në zhvillimin e çdo vend, madje edhe krejtësisht e thjeshtë CSS Sintaksa jep probleme të papritura. Megjithatë, nëse përpjekjet direkte për përdorimin korrekt të sintaksës, por zbatohen funksionalitetin JavaScript është e mundësi të reja dhe të papritura do të shmangë monoton krijojë identifikues për çdo element, ose për të monitoruar përdorimin e stile të ndryshme dhe klasave.

CSS - nuk është vetëm një skedar stil që është e lidhur me faqen nëpërmjet tag Lidhje ose futet në atë nëpërmjet tag stil. Ajo është gjithashtu e mundur për të krijuar një stil të fluturojnë ose të modifikojë një ekzistuese.

Duke përdorur CSS, ngjyra font mund të bëhet programmatically. Si dhe madhësia dhe pozicionin, kufijtë. Website - nuk është një qëllim për të zbatuar njohuritë në CSS, HTML, PHP apo JavaScript efektet flash.

Web burimeve - është i pari i të gjitha informatave të ofruara në një mënyrë të caktuar. Kjo është arsyeja pse CSS shihet mirë në dinamikën përmes lenteve të asaj se si është e mundur për të formuar, ndërsa faqja është ende në server (ajo nuk është në dispozicion PHP në kohën kur vendi vizitor erdhi, nuk zhvilluesi në kohën kur ai ishte në zhvillim site), The stylesheet dëshiruar një tekst të veçantë për përmbajtjen përkatëse, ose për të krijuar një klasë stil ose identifikues të fluturojnë si faqe është duke punuar, kur ai shikon në një vizitor të veçantë.

dinamika statike

Ne nuk duhet gjithmonë të shkruajnë sofistikuar gjeni JavaScript-kod për të bërë përmbajtje dinamike dhe hartimin e saj - një përmbajtje adekuate. Ndonjëherë ajo është e mjaftueshme për të përdorur si duhet mundësitë në dispozicion. Në mënyrë të veçantë, duke përcaktuar CSS font Ngjyra sundimin fillimisht statike, ju mund të fshehin këtë rregull (fshehur) dhe kujtoj të ndryshme (të dukshme).

Këtu, folësi nuk kërkon algoritmin:

// për të nxjerrë në pah butonin e hyrjes në faqen e internetit
funksion scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'dukshme' .;
}

// fsheh butonin e hyrjes në faqen e internetit
funksionojnë scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'fshehur' .;
}

CSS ofron dinamikën e vet: tickers, elemente transparente, mishërime të ndryshme overlays, tregon, venitje ngjyra. Në CSS, ngjyra font mund të bëhet edhe në mënyrë që askush rregull stilistike nuk është dhënë.

Dinamike të shfaqur përmbajtjen

Nëse nuk ka pasur dogmat, ndoshta nuk do të ketë përparim. Thjesht nuk se si ishte për të luftuar. Hypertext sjellë në botë një shumë të dogmës. Është koha për të i kushtoj vëmendje të tyre dhe për të filluar zhvillimin e faqet në një stil pragmatike dhe praktike.

Fillimisht, ka një faqe në (P), disa nga përmbajtjen tuaj (K), të gjithë tags e faqes janë përshkruar në fletë stili (S). Nuk është një faqe e re formë P via PHP ose Perl në server duke zgjedhur K nga bazën e të dhënave. Ekzistuese fletë style S do të pasojnë automatikisht. Megjithatë, K mund të ndryshohet, dhe në shumicën e rasteve, një ndryshim i tillë do të sillte nevojën për stilet e tjera, që është, S +.

Për shembull, konsumatori ka thënë: "Site përshkruan jetën e Moskës, do të duken më mirë nëse artikujt e lajmeve janë të dekoruara në stilin e" ZaZavtrakom ", duke e përshkruar zhurmat e natës në stilin e" Las Vegas "dhe artikuj në progresin shkencor dhe teknologjik në stilin e" ModernTehno ' ". Por në qoftë se ne të S në tre prej këtyre opsioneve, nuk ka asnjë garanci se konsumatori nuk do të ketë ide të ketë një grup artikujsh "News", "pushime", "Puna», «CSS / HTML» bonus "HozyaykeNaZametku".

Një qasje më praktike. Pavarësisht nga kategoria e shkrimit nuk është gjithmonë përmbajtja që mund të pikturuar në një ngjyrë të caktuar. Këtu në këtë vend nuk është mjaft e një ide e ndjeshme: të marrë të veçantë K, ende në server për të gjeneruar një S adekuate, dhe shfletuesi do të kërkojë P, ai do të marrë përmbajtjen e duhur në pastrimin e duhur.

Dinamika Stili i JavaScript

Minimale, edhe pse zgjidhje shumë efektive - të bëjë styling direkt në shfletuesin e klientit. Së pari, ajo heq server - nuk do të duhet të kalojnë kohë në formimin e faqeve HyperText dhe fotografi stil për të.

Së dyti, mbetjet e natyrshme e kohës brenda shfletuesit do të krijojë efektin se faqe është pushtuar nga biznesi dhe në mënyrë aktive mbështet dialogun me vizitorit: ai ende nuk e shohin përmbajtjen në masë, për këtë arsye, ai do të dëshironte një prodhim të qëndrueshëm dhe të zhytur në mendime të informacionit.

Së treti, ajo lejon zhvilluesi i saj për të siguruar mekanizmin vizitor e përmbajtjes në këtë stil, në të cilën ai është e rehatshme. Kjo nuk është edhe dikush.

Për të zbatuar këtë ide, keni nevojë për të zbatuar një mekanizëm për krijimin e elementeve të stilit menjëherë pas ngarkesa faqe, dhe në rrjedhën e funksionimit të saj. faqe Modern - kjo është AJAX në një formë të veçantë. Nuk është e vështirë për të kryer formimin e stileve të drejtpërdrejtë në procesin e formimit të pemës faqe. Është e lehtë, të përballueshme dhe efektive, për shkak se përmbajtja është së bashku me regjistrimin e tij.

Kjo nuk bie në kundërshtim tendencën moderne për të ndarë prezantimin e të dhënave nga përpunimi kryhet në të dhënat dhe duke e lënë në ekran.

CSS si një përbërës aktiv

Hypertext solli një shumë të mirë, por vetëm një pjesë e vogël e informacionit natyrore u formalizua me sukses, ka pasur mjete dhe përvojë në krijimin e HTML-cilësi të lartë, XML, CSS dokumente. Nuk është një problem për të formalizuar vëllimet e reja të informacionit dhe për të ndryshuar bërë tashmë më parë.

Në lidhje me CSS, ky proces është aktivizuar në një kontekst krejtësisht të ndryshme. Built-in mjete në JavaScript, duke bërë të mundur "më fal" për të krijuar elementë dhe stilet e elementeve nuk parashikojnë një mundësi të tillë, dhe krijuesit e PHP, në veçanti, që besohet të jenë të angazhuar në formimin e vetëm faqet HTML.

Të dy i parë dhe i dytë i lejon të bëjë stilet programimit. Ky drejtim të ri në fushën e teknologjisë së informacionit. Styles në mënyrë të konsiderueshme më shumë gjë formale se XML ose HTML, rregullat janë shumë të thjeshta. Style është gjithmonë i pranishëm në informacion, pa marrë parasysh sa e natyrshme ajo ishte.

programuesit bazës së të dhënave regjistrimi janë gjithmonë e angazhuar në sektorë shumë më të formalizuara, por CSS theme - një detyrë shumë e thjeshtë, por disi nuk e kam marrë në fushën e parë të procesit të zhvillimit.

Në dogmës në fushën e programimit

Si një ajsberg, një dogmë nuk mund të expanses gjatë furrowing informacion. Përvoja e kaluar është dashur të përqendrohen jo vetëm në HTML- dhe CSS-standardet, mjetet për të punuar me ta, zhvilluesit e njohurive.

Një detyrë e thjeshtë - për të bërë me CSS font color - ka gjetur zgjidhje të përsosur. Rregullat, sintaksa, logjika dhe rehati janë të padiskutueshme. Por edhe kur font në fakt nuk kanë një shumë të ngjyrave për praktikë, shumë nuk është e nevojshme, dhe në të vërtetë për qëllimet e realitetit të Virtualization nuk ka nevojë për të gjithë akumuluar "forcë» HTML dhe CSS e, aty vjen një kohë kur njohuria situatës shkojnë të riprodhohet dhe të shfaqet përvoja dhe mjetet e formimit natyror të stileve të përmbajtjes.

Si do të jetë kjo, nuk mund të jetë plotësisht e qartë, por se procesi është tashmë në proces, natyrisht.