Inona ny CSS ary Aiza no ampiasaina?

Inona avy ireo endri-doko Cascading?

Ny tranonkala dia ahitana ampahany maro, anisan'izany ny sary, ny lahatsoratra, ary ny antontan-taratasy samihafa. Ireo tahirin-kevitra ireo dia tsy ahitana afa-tsy ireo izay mety mifandray amin'ny pejy samihafa, toy ny rakitra PDF, fa koa ireo tahirin-kevitra izay ampiasaina hanamboarana ny pejin-tenany, toy ny tahirin-tsoratra HTML mba hamaritana ny rafitry ny pejy iray sy ny antontan-taratasy CSS (Cascading Style Sheet) mba handikana ny endriky ny pejy. Ity lahatsoratra ity dia hamafisina ao amin'ny CSS, mandrakitra ny inona ary aiza no ampiasaina ao amin'ny tranokala androany.

CSS Tantara Lesona

Ny CSS dia novolavola tamin'ny 1997 ho toy ny fomba hanamboaran'ny mpikaroka web ho fanehoana ny endrik'ireo pejy web izay napetrak'izy ireo. Natao ny hamela ireo matihanina hanaparitaka ny votoatiny sy ny rafitry ny vohikalan'ny tranonkala iray avy amin'ny endriky ny sary, zavatra izay tsy mbola azo natao alohan'ny fotoana.

Ny fisarahana ny rafitra sy ny fomba dia mamela ny HTML hanatanteraka bebe kokoa ny asa izay niorina tamin'ny voalohany - ny fanamarihana ny votoaty, tsy mila miahiahy momba ny famolavolana sy ny fametrahana ny pejy ao aminy, zavatra fantatra amin'ny hoe "mijery sy mahatsapa" amin'ny pejy.

Tsy nahazo ny lazan'ny CSS hatramin'ny taona 2000 ny CSS raha nanomboka nampiasa mihoatra noho ny endritsoratra sy ny loko fototra amin'ny fiteny markup ny web browser. Ankehitriny, ireo browsette maoderina dia manohana ny CSS Level 1, ny ankamaroan'ny CSS Level 2, ary na dia ny ankamaroan'ny lafiny CSS Level 3 aza. Raha mbola mitohy mivoatra ny CSS ary misy ny fomba amam-panao vaovao, dia nanomboka namorona modules izay mitondra ny fanampiana vaovao CSS ho an'ireo browsers ireo web-browsers ary manome fitaovana maoderina vaovao ho an'ny web designers mba hiara-miasa.

Tao (taona maro) teo aloha, nisy ny mpanakanto nofantenana izay tsy nety nampiasa CSS ho an'ny famolavolana sy fampiroboroboana ny tranonkala, saingy io fanao io dia lasa lavitra ny indostria amin'izao fotoana izao. CSS dia fitsipika maro ampiasaina ao anaty tranonkala ankehitriny ary mety henjana ianao hahita izay miasa ao amin'ny indostria amin'izao fotoana izay tsy manana fahatakarana fototra momba ity fiteny ity.

CSS dia fatorana

Araka ny voalaza tetsy aloha, ny teny hoe CSS dia midika hoe "Cascading Style Sheet." Andeha isika handrava ity andian-teny ity mba hanazavana bebe kokoa ny anton'ireo antontan-taratasy ireo.

Ny teny hoe "style sheet" dia manondro ny antontan-taratasy (toy ny HTML, ny CSS rakitra dia tena antontan-taratasy izay azo alaina amin'ny programa samihafa). Lamina fanoratana dia efa nampiasaina nandritra ny taona maro. Ireo no mari-pitsipika ara-teknika ho an'ny drafitra, na printy na an-tserasera. Ireo mpahaikintana printy dia efa nampiasaina haingon-tsoratra efa hatry ny ela mba hahazoana toky fa ny drafitr'izy ireo dia vita printy araka ny fomban'izy ireo Ny taratasy firaiketana ho an'ny tranonkala iray dia manatanteraka tanjona iray ihany, saingy amin'ny alàlan'ny fandefasana ambaran'ny tranonkala amin'ny tranonkala ny fomba hanomezana ilay rakitra izay jerena. Androany, ny taratasy firaketana CSS dia afaka mampiasa ny fangatahan'ny media ihany koa mba hanova ny fomba fitadiavana pejy iray amin'ny endrika hafa sy ny habe . Tena zava-dehibe tokoa izany satria mamela singa HTML iray hafa halefa mifanaraka amin'ny efijery ampiasaina hahazoana azy io.

Ny Cascade no tena ampahany manokana amin'ny teny hoe "taratasy firaiketan-doko". Ny endriky ny tranokala tranonkala dia natao hamakivaky andian-karazan-tsoratra ao amin'io taratasy io, toy ny renirano iray amin'ny rano. Ny rano ao amin'ny renirano dia mamely ireo vatolampy rehetra eny amin'ny renirano, fa ireo izay any am-bodina dia misy fiantraikany eo amin'ny toerana hipetahan'ny rano. Toy izany koa ny cascade amin'ny tranokala tranokala tranokala.

Ny pejin-tranonkala rehetra dia voakasik'izany amin'ny endrika tapa-taratasy farafahakeliny, eny fa na dia tsy mampihatra lamaody aza ny mpamorona tranonkala. Ity rindrin'ny style ity dia ny taratasy fanoratana an- tsehatra ampiasain'ny mpampiasa - fantatra ihany koa ho endri-tsoratra fa ny tranonkala dia hampiasa pejy iray raha tsy misy torolàlana hafa nomena. Ohatra, amin'ny endriky ny hyperlinks dia miloko manga ary asongadina. Ireo endriky ireo dia avy amin'ny tranokala tranokala tranonkala. Raha manome torolàlana hafa ny mpamorona tranonkala, dia mila mahafantatra izay torolàlana manan-danja ny navigateur. Ny endri-tsoratra rehetra dia manana ny endriny tsy miovaova, fa ny ankamaroan'ireo fandaharana ireo (tahaka ny rohy manga mifototra amin'ny soratra manga) dia nozaraina amin'ny ankamaroan'ny navigateurs rehetra sy ny dikanteny.

Ho an'ny ohatra iray hafa amin'ny tranokala fanovàna, ao amin'ny tranonkalan'ny tranonkalako, ny endri-tsoratra default dia ny " Times New Roman " aseho amin'ny habe 16. Tsy misy na dia amin'ireo pejy hitako hamangy sary ao amin'ny family font sy ny habe ihany aza. Izany dia satria ny cascade dia mamaritra fa ny takelaka faharoa, izay napetrak'ireo mpanamboatra azy manokana, hanova ny endriky ny endri-tsoratra sy ny fianakaviana, manapaka ny votoatin'ny tranonkala. Ny takela-taratasy rehetra noforoninao ho an'ny pejin-tranonkala dia hanana tsipiriany bebe kokoa noho ny endri-tsarin'ny tranokala, noho izany dia tsy maintsy ampihatra ireo fitsipika ireo raha toa ka tsy manakana azy ireo ny lisitry ny endri-tsoratra. Raha tadiavinao ny rohy ho manga sy ambany, dia tsy mila manao na inona na inona ianao raha tsy izany dia ny default, fa raha ny tranokalan'ny CSS ao amin'ny tranonkala dia milaza fa tokony ho maitso ny rohy, io loko io dia handratra ny manga miavaka. Ny fanohanana dia hitoetra amin'ity ohatra ity, satria tsy nilaza ianao raha tsy izany.

Aiza no ampiasaina ny CSS?

Ny CSS dia afaka ampiasaina ihany koa mba hamaritana hoe ahoana no tokony hijerena ny tranonkala rehefa jerena amin'ny media hafa noho ny tranonkala iray. Azonao atao, ohatra, ny mamorona loko fanontam-pirinty izay hamaritra ny fomba tokony hamoahana ny pejy Internet. Satria ny tontolon'ny pejy web toy ny bokotra navigation na ny tranonkala dia tsy hanana tanjona amin'ny pejy natonta printy, ny Print Style Sheet dia azo ampiasaina mba "hamongorana" ireo sehatra ireo rehefa manonta pejy. Na dia tsy dia fomba fanao mahazatra amin'ny tranonkala maro aza ny safidy hamoronana endri-tsoratra printy dia mahery sy manintona (amin'ny traikefako - ireo matihanina amin'ny aterineto dia tsy manao izany tsotra izao satria ny tetibolan'ny tranokala dia tsy miantso ity asa fanampiny ity tokony hatao ).

Nahoana no zava-dehibe ny CSS?

Ny CSS no iray amin'ireo fitaovana matanjaka indrindra azon'ireo mpamorona tranonkala mianatra satria noho izany dia mety hisy fiantraikany amin'ny endrika ivelany amin'ny tranonkala iray ianao. Afaka manavao haingana ireo raki-taratasy nosoratana ireo ary ahafahan'ireo tranonkala manova izay voalazan'ny sary eo amin'ny sehatra, izay mampiseho ny lanjany sy mifantoka amin'ny mpitsidika, tsy misy fanovana tokony hatao amin'ny marika HTML.

Ny fanamby lehibe momba ny CSS dia hoe misy zavatra kely hianarana - ary rehefa miova isan'andro ny fiovana, izay mety tsara amin'ny androany dia mety tsy hahatsapa rahampitso ho toy ny karazam-pitaovana vaovao ary ny sasany dia lavo na lavo noho ny antony iray na hafa .

Satria ny CSS dia afaka miara-miasa sy mifameno, ary ny fiheverana ny fomba amam-pitenenana sy ny fampiharana ireo torolàlana samihafa dia mety ho sarotra kokoa noho ny plain HTML ny tompony. Ny CSS koa dia miova amin'ny navigateur amin'ny fomba izay tsy tena HTML marina. Raha vantany vao manomboka mampiasa CSS ianao, dia ho hitanao fa ny fampiasana ny tanjaky ny taratasy firaiketana dia hanome anao ny fahaizanao tsy manam-petra amin'ny fomba fandikana ny tranonkala ary mamaritra ny fijeriny sy ny fahatsapany. Eo am-pandehanana, hanangona "kitapom-batsy" ianao amin'ny fomba sy fomba fiasa izay niasa ho anao taloha ary afaka hiverina indray ianao rehefa manangana tranonkala vaovao amin'ny ho avy.

Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard tamin'ny 7/5/17,