CSS: vèw, style, modèl, gwosè

Programming - glas la: depi nan konmansman an te pawòl Bondye a, epi yo pa reflete tounen. Apre sa, trè byen vit li te gen nan "chanjman": premye glas, Lè sa a, pawòl Bondye a ... Nan pwen sa a, kaskad fèy style - se yon bon bagay, men poukisa se konsa tan li te ale nan lide yon pwomotè? CSS - li nan tout fwa yo etalaj menm epòk la nan pwogram òdinatè, men se sèlman nan yon pèspektiv diferan. Menm lè mas yo vin asosyatif revolisyon se pa sa fèt.

paj sit entènèt - li HTML Tags-markeup, sa ki ka dwe atribiye a yon style oswa stil sèten idantifyan klas la. Premye a ka defini yon fwa ak enpute nan anyen ki trè nesesè tan, ak dezyèm lan ki dwe nan yon eleman an patikilye.

lojik an jeneral nan deskripsyon an nan Styles

Pa tradisyon, se style a mete yo nan CSS-dosye a, men yo ka dwe atribiye a yon eleman patikilye nan atribi style li yo. ka style la dwe ki te kreye nan dinamik de JavaScript zouti. Ki gen enpòtans patikilye se pa jan sa dekri, pou egzanp, pa vle di nan koulè CSS font, gwosè li, ekoutè a, jan nou koumanse anba li ak sou sa. Kote deskripsyon style se enpòtan nan kontèks la nan, anjeneral, de lide: pita ki dekri, se konsa li se yon priyorite ki pi wo, epi si dekri nan eleman nan, li fè sa enpòtan !. Dènye anrejistre kòm li se, klèman defini priyorite a.

Aplike style la nan, pou egzanp, yon sèten koulè font chanje koulè, yo ka nenpòt kote epi anyen. Kesyon an se ki jan yo reyaji nan li nan yon navigatè pandan demonte a nan tout estil yo ansanm. Ki kantite li te depanse nan CPU sa a?

Idealman, yo ta dwe koulè font dwe endike yon sèl fwa - li nan yon klasik. Panse soti nan yon deskripsyon senp nan yon koup, ak Lè sa a yon lòt ak yon lòt ... nan kou, ou kapab. Li se alamòd, men pratik.

EGZANP lojik jeneral

Byen tou senpleman detèmine pa koulè CSS pou tout twa eleman, li se posib yo ka resevwa omwen twa pwoblèm lontan-kouri:

# Ele1, # Ele2, # Ele3 {
POZISYON: absoli;
bò gòch: 20px;
tèt: 14px;
koulè: wouj;
}

# Ele2, # Ele3 {
bò gòch: 90px; // chanje CSS kowòdone a orizontal
koulè: jòn; // chanje koulè a nan CSS a font
}

# Ele3 {
tèt: 114px; // chanje CSS la vètikal kowòdone

koulè: vèt; // yon lòt fwa ankò chanje koulè a nan CSS a font

background-koulè: lightgrey; // koulè CSS rekò tèks chanje, men sa a se pa prezan nan # Ele1 la ak # Ele2; pozisyon tou chanje, men li te chanje nan # Ele2 epi yo pa, tankou isit la

}

Koulye a, nou gen sonje ke tout nan twa eleman sa yo se defini yon kote, ak nan evènman an nan yon chanjman nan reprezantasyon koulè nan mèt kay la sit, pwomotè a pral gen sonje pa sèlman sou koulè a, men tou, sou règleman yo kite la ak tèt, e menm chanje koulè a rekò nan tèks la pa ta dwe bliye.

Se pa tout devlopè ap venere kondisyon CSS: Style ID - se sèlman yon sèl eleman, ak style nan klas - anpil Tags, san konte pwen ki sot pase a posib nan etikèt yo kòm adjektif:

• mete koulè a font nan CSS - klas la groundColor style;
• presize gwosè a font - size15 klas;
• seri pozisyon - klas PlaceUp.

Natirèlman, itilize nan Idantifyan, espesyalman lè yo apatni a menm eleman nan regilye nèf semenn klas, dis tèt klas yo style, ki pentire nan konbinezon divès kalite nan dè santèn de eleman paj. Men, tout bagay li gen pwòp objektif lojik.

Pwomotè a tou senpleman dwe kòrèkteman pran an kont: menm si koulè a font nan HTML, CSS ofri a dekri difisil, fleksibilite nan nan estrikti a an jeneral nan deskripsyon yo - sa a travay li.

rezilta a te espere pou yo sèvi ak lojik komen

navigatè modèn yo konfòtab ak yon anpil nan dosye style ak komèsan. Sepandan, desine, an patikilye nan CSS la, koulè paj la an antye, ou ta dwe toujou panse a sifizans rezonab. Se pa tout règ style "bon mache" gade nan aplikasyon an. Senp antre lakonik: * {koulè: blan;} - sètènman bèl, men li aplike a tout eleman nan paj la, san okenn eksepsyon.

Nan tout règ yo, ki se ekipe ak CSS, ki pi enpòtan an:

• style - klas, ak Lè sa a non an kòmanse ak, "."
• style - idantifyan ak non li kòmanse ak yon karaktè "#";
• nan lòt ka - yon tag non oswa yon bagay espesyal

Pati ki rete nan lide yo deskripsyon nan Styles (pwopriyete pòsyon tè sipèpoze, priyorite, pozisyon, lòd ak renmen. D. a) Yo ta dwe itilize intelijans ak estrikteman nesesè.

Navigatè a toujou manke, pa fè soti nan deskripsyon an, se konsa ke supriz yo espesyal pa pral. Si gen yon bagay pa t 'nan plas la dwat oswa mete koulè a font nan CSS se pa posib, Se poutèt sa, nan style la nan erè a.

opòtinite inatandi

Pa ta dwe viktim abi estil tankou * {bò gòch: 124px; } oswa

ol ol, ol UL, ul UL, ul ol {Marge-anba: 0; }
yon img {fwontyè: 0; }

Malgre ke li se difisil a fè menm yon pwomotè inisyasyon yo sèvi ak règ CSS jan yo ye. Toujou nan devlopman an nan nenpòt ki sit, menm parfe senp sentaks CSS bay pwoblèm inatandi. Sepandan, si efò dirèk nan itilize ki kòrèk la nan sentaks la, men aplike fonctionnalités a JavaScript se nouvo ak inatandi opòtinite ap evite monotone kreye Idantifyan pou chak eleman, oswa kontwole itilize nan varyete nan estil ak klas yo.

CSS - se pa sèlman yon dosye style ki se ki konekte nan paj la atravè tag nan lyen oswa mete nan li nan tag a style. Li posib tou yo kreye yon style sou vole a oswa modifye yon yon sèl ki egziste deja.

Lè l sèvi avèk CSS, ka koulè a font dwe fè pwogramasyon. Kòm byen ke gwosè a ak pozisyon, marges. Sit wèb - se pa yon objektif pou aplike pou konesans la nan CSS, HTML, PHP oswa JavaScript efè flash.

Web resous - se premye a tout enfòmasyon yo ofri nan yon sèten fason. Se pou rezon sa CSS ki pi byen wè nan dinamik yo nan lantiy la nan li montre kouman li se posib yo fòme, pandan y ap paj la se toujou sou sèvè a (li se pa disponib PHP nan tan an lè vizitè nan sit rive, pa pwomotè a nan tan an lè li te devlope sit la), stylesheet a vle yon tèks espesifik pou kontni ki enpòtan, oswa yo kreye yon klas style oswa idantifyan sou vole a kòm paj la ap travay, lè li parèt nan yon vizitè patikilye.

dinamik estatik

Nou pa ta dwe toujou ekri sofistike jwenn JavaScript-Kòd fè dinamik kontni ak desen li yo - yon kontni apwopriye. Pafwa li se ase yo byen sèvi ak opòtinite yo ki disponib. An patikilye, pa defini CSS vèw règ okòmansman estatik, ou ka kache règleman sa-a (kache) ak visualized diferan (vizib).

Isit la, oratè a pa mande pou algorithm a:

// mete aksan sou bouton an D 'sou sit entènèt la
fonksyon scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'vizib' .;
}

// kache bouton an D 'sou sit entènèt la
fonksyone scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'kache' .;
}

CSS ofri pwòp dinamik: tickers, eleman transparan, reyalizasyon divès kalite superpositions, montre, manyak koulè. Nan CSS, ka koulè a font dwe fèt konsa ke pa gen okenn yon sèl règ stylistic se pa sa yo bay la.

Dinamik kontni ekspozisyon

Si pa te gen okenn dogm, petèt ta gen pa gen okenn pwogrè. Jis pa sa li te tankou yo goumen. Ipèrtèks te pote nan mond lan yon anpil nan dogmatik. Li se tan yo peye atansyon sou yo ak devan kòmanse devlope sit nan yon stil dogmatik ak pratik.

Okòmansman, gen yon paj (P), kèk nan kontni ou (K), tout etikèt yo nan paj la yo ki dekri nan fèy la style (S). Pa yon nouvo fòm P paj atravè PHP oswa pèrl sou sèvè a pa chwazi K soti nan baz done a. Ki deja egziste S fèy style pral swiv otomatikman. Sepandan, K ka chanje, ak nan pifò ka yo, tankou yon chanjman ta egzije bezwen an pou lòt estil, se sa ki, S +.

Pou egzanp, kliyan an te di: "Sou sit la dekri lavi sa a ki nan Moskou, ap gade pi bon si atik yo nouvèl yo dekore nan style la nan" ZaZavtrakom ", ki dekri ajitasyon an swa nan style la nan" Las Vegas "ak atik sou pwogrè syantifik ak teknolojik nan style la nan" ModernTehno ' ". Men, si nou fè S sou twa nan opsyon sa yo, pa gen okenn garanti ke kliyan an pa pral gen lide nan gen yon seri de atik "Nouvèl", "jou ferye", "Travay», «CSS / HTML» bonis "HozyaykeNaZametku".

Yon lòt apwòch plis pratik. Kèlkeswa kategori a nan atik la gen se toujou sa ki ekri ki ka pentire nan yon koulè sèten. Isit la nan kote sa a gen se byen yon lide sansib: jwenn espesifik K, toujou sou sèvè a jenere yon S adekwa, ak navigatè a yo pral mande pou P, li pral jwenn kontni an dwa nan clearance ki apwopriye a.

Dinamik style nan JavaScript

Minimòm, byenke solisyon trè efikas - fè manier la dirèkteman nan navigatè kliyan an. Premyèman, li dispans sèvè a - pa pral gen yo ap depanse tan sou fòmasyon an nan paj ipèrtèks ak dosye style pou li.

Dezyèmman, fatra natirèl la nan tan andedan navigatè a pral kreye efè a ke se paj la okipe pa biznis ak aktivman sipòte dyalòg ak vizitè a, li toujou pa wè kontni an nan esansyèl, Se poutèt sa, li ta renmen yon pwodiksyon enfòmasyon ki konsistan ak reflechi.

Twazyèmman, li pèmèt pwomotè a bay mekanis nan vizitè nan kontni an nan sa a style, nan ki li se konfòtab. Li pa menm okenn moun.

Pou aplike ide sa a, ou bezwen aplike yon mekanis pou kreye eleman nan style imedyatman apre charj yo paj, ak nan kou a nan operasyon li yo. Modèn sit - li nan Ajax nan yon fòm patikilye. Li se pa difisil pote soti nan fòmasyon an nan Styles dirèkteman nan pwosesis la nan fòmasyon nan pye bwa a paj. Li fasil, abòdab epi yo efikas, paske kontni an se ansanm ak enskripsyon l 'yo.

Sa a pa kontredi tandans nan modèn separe prezantasyon an nan done ki sòti nan pwosesis la fèt sou done yo ak kite nan ekspozisyon an.

CSS kòm yon engredyan ki aktif

Ipèrtèks te pote yon anpil nan bon, men li te sèlman yon fraksyon ti nan enfòmasyon ki natirèl avèk siksè ofisyèlman, te gen zouti ak eksperyans nan kreye pi-wo kalite HTML, XML, dokiman CSS. Pa yon pwoblèm yo formalizra komèsan yo nan nouvo enfòmasyon ak chanje deja fè pi bonè.

Avèk respè CSS, se pwosesis sa a aktive nan yon kontèks konplètman diferan. Bati-an zouti nan JavaScript, pèmèt "sou vole nan" yo kreye eleman ak Styles nan eleman yo pa t 'antisipe tankou yon posibilite, ak créateur yo nan PHP, an patikilye, te mete konfyans yo dwe angaje nan fòmasyon an nan paj HTML sèlman.

Tou de, premye a ak dezyèm lan pèmèt fè pwogramasyon estil. direksyon Sa a nouvo nan jaden an nan teknoloji enfòmasyon. Styles konsiderableman plis bagay fòmèl pase XML a oswa HTML, règ yo se trè senp. Style se toujou prezan nan enfòmasyon an, pa gen pwoblèm konbyen natirèl sa te pase.

pwogramasyon baz done Enskripsyon yo angaje toujou nan yon sektè pi plis ofisyèlman, men CSS tèm - yon travay trè senp, men yon jan kanmenm pa t 'jwenn nan jaden an de vi nan pwosesis la devlopman.

Sou dogmatik a nan jaden an nan pwogram

Tankou yon iceberg, se yon dogmatik pa ka vast lontan furrowing enfòmasyon. eksperyans lontan te gen yo konsantre pa sèlman nan HTML-ak CSS-estanda, zouti nan travay avèk yo, devlopè konesans.

Yon travay ki senp - fè a CSS koulè font - te jwenn solisyon an pafè. Règ, sentaks, lojik ak konfò yo enkontournabl. Men, menm lè font la gen aktyèlman pa yon anpil nan koulè pou pratik, twòp se pa nesesè, ak tout bon pou rezon ki nan reyalite a nan Virtualization pa bezwen tout akimile "fòs» HTML la ak CSS, gen vini yon tan lè konesans nan sitiyasyon ale nan repwodwi nan ak parèt eksperyans ak zouti nan fòmasyon natirèl la nan diferan estil pou kontni.

Ki jan sa pral, yo gen dwa pa totalman klè, men sa pwosesis la se deja sou wout, evidamman.