CSS: ifonti umbala, indlela yokubhala, umzekelo, ubukhulu

Programming - isipili: ekuqalekeni kuye ilizwi, kwaye aphinde abuyele. Kwaye ngokukhawuleza kakhulu oko kwakufuneka "ukutshintsha": esipilini yokuqala, ngoko ilizwi ... Ngelo xesha, enikezelanayo ishithi lesimbo elidityanisiweyo - kulungileyo, kodwa kutheni kunjalo elide ukuba ukukhumbula umqambi? CSS - ukuba onke amaxesha efanayo uluhlu ilixa lweenkqubo zekhompyutha, kodwa kuphela xa ngendlela eyahlukileyo. Naxa izihlwele baba revolution associative akwenziwa.

website page - it ilayishele HTML-yophawulo, leyo kunokunxulunyaniswa nendawo isimbo okanye isimbo udidi identifier ethile. Owokuqala singachazwa kanye nokuba bafakele nantoni ezifuneka kakhulu ixesha, kwaye eyesibini bobabo into ethile.

Kwale ngqiqo jikelele inkcazelo iindlela

Ngenxa yesithethe, indlela ibekwe kwi CSS-ifayile, kodwa ingabalelwa into ethile ngesimbo attribute yayo. Indlela anokwenziwa kwi Dynamics izixhobo JavaScript. Okubaluleke kakhulu ke njengoko kuchaziwe, umzekelo, ngokusebenzisa CSS umbala wefonti, ubungakanani bayo, iheadset, imvelaphi phantsi kwawo njalo njalo. Indawo inkcazelo style ibalulekile kwimeko, ngokuqhelekileyo ezimbini iingcamango: i kamva kuchaziwe, ngoko ke umsebenzi kwabaphambili abaphezulu, yaye ukuba ezichazwe element, wenza kubalulekile !. sokugqibela njengokuba kunjalo, sichaza ngokucacileyo ephambili.

Asebenzise isimbo, umzekelo, umbala womgca utshintsho lombala ethile, kunokuba naphi kunye nantoni na. Umbuzo indlela abasabela ngayo kumkhangeli ngexesha disassembly kuzo zonke iintlobo kunye. Malini njani uchitha kule CPU?

Ngokusesikweni, umbala wefonti kufuneka kuboniswe kanye kuphela - oko classic. Cinga ukuba inkcazo olulula sobabini, kwaza kwalandela enye nenye ... ke, unako. Kuyinto ephawulekayo, kodwa enokwenzeka.

logic jikelele UMZEKELO

Lidla nje ezimiselwe CSS umbala kuzo zontathu iinkalo, unako ukufumana iingxaki ubuncinane ezintathu ubude-aphilileyo; awuthabathe

# Ele1, # Ele2, # Ele3 {
INDAWO: ingundoqo;
ngasekhohlo: 20px;
top: 14px;
umbala: obomvu;
}

# Ele2, # Ele3 {
ngasekhohlo: 90px; // ukutshintsha le CSS ezihambelanayo tye
umbala: yellow; // ukutshintsha umbala we CSS befonti
}

# Ele3 {
top: 114px; // ukutshintsha le CSS nkqo aqondise

umbala: eluhlaza; // kwakhona ukutshintsha umbala we CSS befonti

imvelaphi-umbala: lightgrey; // CSS umbhalo bonisa imibala zatshintsha, kodwa oku akakho kwi # Ele1 kunye # Ele2; sihlalo zatshintsha, kodwa kuye kwatshintsha # Ele2 hayi, ngendlela apha

}

Ngoku ke kufuneka ukuba ukhumbule ukuba zonke ezi zinto zintathu ichazwa kwindawo ethile, kwaye apho kukho utshintsho nemifanekiso umbala yomnikazi site, umphuhlisi kufuneka ukhumbule kuphela malunga umbala, kodwa malunga nemithetho ngasekhohlo phezulu, kwaye ukutshintsha umbala mbalasane okubhaliweyo kufanele kukhunjulwe.

Asingabo bonke ababhekisi phambili iziqu CSS imfuneko: ID Style - omnye element kuphela, kunye nesimbo yeklasi - tags ezininzi, ngaphandle kwindawo yokugqibela kangangoko tags njengoko izichazi:

• ukucwangcisa umbala befonti kwi CSS - style class groundColor;
• ucacise ubungakanani befonti - size15 yeklasi;
• set isikhundla - class PlaceUp.

Ngokwendalo, ukusetyenziswa identifier, ingakumbi xa basonta leyo nto zokumakisha, kwiiklasi isimbo top ezilishumi, zipeyintwe nendibaniselwano ezahlukeneyo amakhulu izinto page. Kodwa yonke into logic yayo njongo.

Umphuhlisi Kumelwe nje ngokuchanekileyo kwi-akhawunti: kwanokuba umbala ifonti ye HTML, CSS inikeza ukuchaza nzima, bungqingqwa yesakhiwo olupheleleyo iinkcazelo - ukuba umsebenzi wakhe.

Isiphumo kulindeleke ukusebenzisa logic ezifanayo

kubakhangeli zincwadi abasetyenziswayo ukhululekile a lot of iifayile isimbo kunye imiqulu. Noko ke, ukuyila, ingakumbi ngokusebenzisa CSS, umbala iphepha lonke, kufuneka usoloko ucinga kokumaneleyo elifanelekileyo. Ayiyo yonke imithetho isimbo "cheap" look kwi sicelo. Simple entry laconic: * {umbala: omhlophe;} - ngokuqinisekileyo ezintle, kodwa ifaka kuzo zonke iziqalelo page, ngaphandle kokukhetha.

Kuzo zonke imithetho, nto leyo lixhotyiswe CSS, eyona nto ibalulekileyo:

• isimbo - eklasini, emva koko igama iqala, "."
• isimbo - isazisi kunye negama layo iqala ngo "#" ubuntu;
• kwezinye iimeko - igama tag okanye into eyodwa

Inxalenye eseleyo izimvo inkcazo kwi iZimbo (iipropati ilifa ayangenana, eziphambili, indawo, umyalelo kunye ezifana. D.) Ukuba kuye kwasetyenziswa oongqondo-mpela.

Umkhangeli njalo miss, musa ukwenza ngaphandle kule nkcazelo, kangangokuba ezi- ezizodwa nakanye. Ukuba into wayengekho kuloo ndawo ekunene okanye ukuseta umbala befonti in CSS akwenzeki, ngoko, xa indlela le mpazamo.

amathuba engalindelekanga

Ngaba bangaxhatshazwa ngezimbo ezifana * {ngasekhohlo: 124px; } okanye

ol-Eshtawoli, ol ul, ul ul, ol ul {imajini-ezantsi: 0; }
a IMG {umda: 0; }

Nangona kunzima ukwenza noba umqambi mafikizolo ukusebenzisa imithetho CSS njengoko zinjalo. Soloko kuphuhliso nasiphi na isiza, nkqu kwezivakalisi ngokugqibeleleyo elula CSS unika iingxaki ezingalindelekanga. Noko ke, ukuba imigudu ngqo ukusetyenziswa esichanekileyo lwesivakalisi, kodwa kusebenza umsebenzi JavaScript amathuba amatsha engalindelekanga size siphephe obungabangeli mdla kudala identifier ngenxa isiqalelo ngasinye, okanye esweni ukusetyenziswa banezimbo neeklasi.

CSS - yifayile style into enxulumene kwiphepha nge ithegi ikhonkco okanye kufakwa kuyo ngokusebenzisa tag isimbo kuphela. Unako ukudala isimbo kubhabho okanye ukuguqula into enye ekhoyo.

Ngokusebenzisa CSS, umbala ifonti kungenziwa kweprogram. Kwakunye ubungakanani kunye nesikhundla, imiphetho. Website - akukho usukelo ukusebenzisa ulwazi in CSS, HTML, PHP okanye JavaScript iziphumo flash.

resource Web - wokuqala kuyo yonke ingcaciso eyenziwa ngendlela ethile. Kungenxa yoko le nto CSS kungcono kubonwa iimfuno ngemehlo njani kunokwenzeka ukwenza, xa ikhasi isekhona kwiseva (akukho PHP ekhoyo ngexesha xa undwendwe isiza weza, kungekhona umphuhlisi ngexesha xa ekuphuhliseni kwisiza), i-ikhasi lohlobo efunekayo isicatshulwa esithile umxholo ofanelekileyo, okanye ukwenza i iklasi isimbo okanye isazisi kubhabho njengoko wephepha ukusebenza, xa ejonga undwendwe ethile.

okuhambisa ezimile

Asimele akusoloko Masibhale Khangela ephucukileyo JavaScript-ikhowudi ukwenza isiqulatho obuluqilima kunye noyilo yayo - an isiqulatho eyaneleyo. Maxa wambi kwanele ukusebenzisa kakuhle amathuba afumanekayo. Ngokukodwa, ngokuthi inkcazo CSS umbala womgca kulawula ekuqaleni engatshintshiyo, uyakwazi ukufihla lo mgaqo (ifihliwe) kunye nombono ezahlukeneyo (ebonakalayo).

Apha, isithethi ayifuni algorithm:

// ukuba ukhanyise igalelo iqhosha kwi website
umsebenzi scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ebonakalayo' .;
}

// ukufihla igalelo iqhosha kwi website
ukusebenza scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'efihliweyo' .;
}

CSS inika amandla akhe: tickers, izinto elubala, embodiments ezahlukeneyo ngegolide, imiboniso, ebunayo imibala. Xa CSS, umbala ifonti kungenziwa nkqu ukuze kungabikho nilawulwe yindoda ibe nye zobugcisa ungekho.

ukubonisa umxholo Dynamic

Ukuba bekungekho iimfundiso, mhlawumbi kuya kubakho nkqubela. Nje ukuba kwakunjani ukulwa. IProtokhol weza ehlabathini eninzi abazikholelwayo. Lixesha lokuba uhlawule ingqalelo kubo yaye qala iindawo sisimbo ebambekayo kunye nezenziwayo.

Ekuqaleni, kukho iphepha (P), ezinye isiqulatho sakho (K), zonke iitags yephepha zichazwe style sheet i (S). Hayi iphepha ifomu P elitsha nge PHP okanye Perl kumncedisi ngokukhetha K ukusuka ledatha. Abakhoyo ishithi lesimbo S iza kulandela ngokuzenzekelayo. Noko ke, K lisenokuthi litshintshwe, yaye kwiimeko ezininzi, utshintsho olunjalo kuya kuquka imfuneko kwezinye iintlobo, oko kukuthi, S +.

Umzekelo, umthengi wathi: "Le sayithi ichaza ubomi Moscow, uya kukhangela ngcono ukuba amanqaku iindaba ahonjiswe kwi indlela" ZaZavtrakom ", echaza ephithizelayo ebusuku indlela" Las Vegas "kunye namanqaku inkqubela yenzululwazi kunye nobuchwepheshe kwi indlela" ModernTehno ' ". Kodwa ukuba senza S ngomhla ezintathu kwezi ndlela, akukho siqinisekiso sokuba abathengi abayi ingcamango yokuba neseti amanqaku "Iindaba", "holide", "Umsebenzi», «CSS / HTML» Ibhonasi "HozyaykeNaZametku".

Enye indlela esebenziseka phucukileyo. Kungakhathaliseki kudidi wenqaku kusoloko kukho umxholo ibe zipeyintwe ngombala ethile. Apha kule ndawo kukho kakhulu ngumbono onengqondo: ukufumana ezithile K, sekunjalo kumncedisi ukujikelezisa i S ezaneleyo, kwaye isikhangeli uya kufuna P, uya ukufumana umxholo ekunene kwi kugqitywe elifanelekileyo.

Dynamics style of JavaScript

Minimum, nangona isisombululo esebenzayo - ukwenza nesimbo ngqo kwibhrawuza ye client ngayo. Okokuqala, kuwukhulula iseva - akayi kufuneka achithe ixesha ukuyilwa lamaphepha iProtokhol neefayile isimbo yona.

Okwesibini, inkunkuma endalo ixesha ngaphakathi isikhangeli iza kudala isiphumo ukuba iphepha kuhlala ishishini kunye ngenkuthalo ixhasa ingxoxo kunye undwendwe: nangoku akaboni umxholo ngesambuku, ke ngoko, angathanda imveliso ulwazi engaguqukiyo olucingisiswe.

Okwesithathu, ivumela umphuhlisi ukunika indlela undwendwe ka umxholo kweli isimbo, apho yena kakuhle. Yinto nkqu mntu.

Ukuphumeza lo mbono, kufuneka kuphunyezwe indlela ngokudala iimpawu isimbo ngoko nangoko emva layisha page, kwaye ngexesha emsebenzini wayo. site Modern - ukuba Ajax ngendlela ethile. Asinto lukhuni ukuqhuba ukuyilwa iindlela ngqo kwinkqubo lokusekwa umthi page. Kulula, olufikelelekayo kakuhle, kuba ikhontenti kunye kobhaliso.

Oku akuthethi noko utyekelo mihla zokwahlula ntetho lwe data ukusuka inkqubo izakwenziwa idatha esishiya kwidispleyi.

CSS njenge luyinto esebenzayo

IProtokhol wazisa lukhulu okulungileyo, kodwa inxalenye encinane nje ulwazi zendalo iye ngokusesikweni ngempumelelo, kwakukho izixhobo kunye namava ekudaleni HTML ezikumgangatho ophezulu, XML, amaxwebhu CSS. Akukho ngxaki ukuze ngokusesikweni imiqulu olutsha ulwazi ukuguqula sele yenziwe ngaphambili.

Malunga CSS, le nkqubo isebenze kwimeko eyahlukileyo ngokupheleleyo. izixhobo eyakhelwe-ngaphakathi kwi JavaScript, eyenza 'kubhabho' ukwenza izinto kunye nezimbo eziqalelo abazange silindele ithuba enjalo, kwaye bemeko- PHP, ingakumbi, wakholwa ukuba benza ukuyilwa lamaphepha HTML kuphela.

Zombini yokuqala neyesibini kuvumela ukwenza iindlela lwenkqubo. Le ndlela entsha kwizifundo zobuxhakaxhaka bolwazi. IziTayile kakhulu ngakumbi into esesikweni ngaphezu XML okanye HTML, imithetho ilula kakhulu. Style usoloko ekhona kule nkcukacha, kungakhathaliseki indlela zendalo.

program database Ubhaliso bazibandakanya kusoloko kukho amacandelo kakhulu zasesikweni ezininzi, kodwa CSS umxholo - yinto elula gqitha, kodwa ngandlel 'akazange bangene entsimini Ngenxa yenkqubo yophuhliso.

Kwi le mfundiso entsimini iinkqubo

Kanye yomkhenkce, imfundiso akakwazi babeziindleko elide furrowing ulwazi. amava angaphambili kwafuneka ingqondo nje kuphela HTML- kunye CSS-imigangatho, izixhobo ukusebenza nabo, abaphuhlisi ulwazi.

Umsebenzi olula - ukwenza ngokusebenzisa CSS umbala wefonti - iye yafumana isisombululo ogqibeleleyo. Imithetho, kwezivakalisi, logic kunye nentuthuzelo zingenakuphikwa. Kodwa naxa ifonti unabo hayi okuninzi imibala okuziqhelanisa, akukho kakhulu kuyimfuneko, kwaye ngenene ngeenjongo leyinene ya lweeHedfowuni akukho mfuneko yonke ukugeleza "» HTML amandla kunye CSS, kuza ixesha xa ulwazi lobume uye eboniswe liboniswe amava kunye nezixhobo ze ukuyilwa zendalo ukunxiba umxholo.

iza kuba njani oku, ukuze icace ngokupheleleyo, kodwa inkqubo sele phantsi ndlela, ngokucacileyo.