Ukuqonda izinhlobo ezintathu ze-CSS Izitayela

Amathebhu asetshenzisiwe ngaphakathi, afakwe ngaphakathi nangaphandle: Nakhu okudingeka ukwazi

Ukuthuthukiswa kwe-website ye-front-end kuvame ukumelelwa njengesitokisi esinama-3. Le miilenze ingokulandelayo:

Umlenze wesibili walesi sitolo, ama-CSS noma ama-Cascading Style AmaSpredishithi, yilokho esikubuka lapha namhlanje. Ngokuqondile, sifuna ukubhekana nezinhlobo ezintathu zezitayela ongangezela kudokhumenti.

  1. Izitayela ezifakiwe
  2. Izitayela ezifakiwe
  3. Izitayela zangaphandle

Ngayinye yalezi zinhlobo zezitayela ze-CSS inezinzuzo nezinselelo zazo, ngakho-ke ake sibheke ngokujulile ngamunye ngamunye.

Izitayela ezifakiwe

Izitayela ze-Inline yizitayela ezilotshwe ngokuqondile ematheksthini e-HTML. Izitayela ze-Inline zithinta kuphela ithegi ethize esetshenzisiwe kuyo. Nasi isibonelo sesitayela se-inline esetshenziselwa isixhumanisi esivamile, noma i-anchor, ithegi:

Lo mbuso we-CSS wawuzoguqula izinga elihlehlisela umhlobiso wombhalo kusuka kulokhu okuxhunyiwe. Kodwa, ngeke ushintshe noma iyiphi enye isixhumanisi ekhasini. Lokhu kungenye yezilinganiso zezitayela ze-inline. Njengoba zishintsha kuphela into ethize, kuzodingeka uhlahlele i-HTML yakho nalezi zitayela ukuze uzuze ukuklama kwekhasi langempela. Lona akuwona umkhuba omuhle kakhulu. Eqinisweni, yisinyathelo esisodwa esisusiwe kusukela ezinsukwini zamathegi "wefonti" kanye nenhlanganisela yesakhiwo nesitayela kumakhasi ewebhu.

Izitayela ze-Inline nazo zinezici eziphakeme kakhulu.

Lokhu kwenza kube nzima kakhulu ukubhala ngaphezulu nezinye izitayela ezingekho ngaphakathi. Isibonelo, uma ufuna ukwenza isayithi iphendule futhi ushintshe ukuthi isakhi sibheka kanjani izinkinga ezithile ngokusebenzisa imibuzo yemidiya , izitayela ezifakiwe kwi-element zizokwenza kube nzima kakhulu ukwenza lokhu.

Ekugcineni, izitayela ezihambisanayo zifanelekile kuphela uma zisetshenziswe kancane kakhulu.

Eqinisweni, angivamile ukusebenzisa izitayela ze-inline kuma-webpages ami.

Izitayela ezifakiwe

Izitayela ezifakwe kushicilelwe yizitayela ezihlanganiswe ekhanda lombhalo. Izitayela ezifakiwe zithinta kuphela amathegi kukhasi abenezihlanganisiwe. Futhi, le ndlela ayinaki enye yamandla we-CSS. Njengoba wonke ikhasi lingaba nezitayela

, uma ufuna ukwenza ushintsho lomhlaba wonke, njengokushintsha umbala wezixhumanisi kusuka ebomvu kuya eluhlaza, kuzodingeka wenze lolu shintsho kuwo wonke amakhasi, ngoba wonke ikhasi lisebenzisa ishidi lesitayela eshumekile. Lokhu kungcono kunezitayela ze-inline, kodwa kusenenkinga ezimweni eziningi.

Izitayela zezitayela ezengeziwe ku

kwedokhumenti futhi ingeza inani elibalulekile lekhodi ye-markup kuleli khasi, elingenza futhi ikhasi likhuthele ukuphatha esikhathini esizayo.

Inzuzo yamashidi wesitayela afakwe kungukuthi umthwalo ngokushesha nekhasi ngokwalo, kunokudinga amanye amafayela angaphandle alayishwe. Lokhu kungaba yinzuzo kusuka ekuvinjisweni kwejubane nokusebenza kombono .

AmaSpredishithi Ezingaphandle zangaphandle

Amawebhusayithi amaningi namuhla asebenzisa amashidi angaphandle wesitayela. Izitayela zangaphandle yizitayela ezilotshwe kudokhumenti ohlukile bese zihlanganiswe kumadokhumenti ahlukahlukene ewebhu. Amashidi wesitayela sangaphandle angathinta noma yimaphi amadokhumenti abathintekayo, okusho ukuthi uma unamawebhusayithi angama-20 lapho ikhasi ngalinye lisebenzisa ishidi lesitayela esifanayo (lokhu ngokuvamile ukuthi kwenziwa kanjani), ungenza ushintsho olubukwayo kuwo wonke umuntu kulawo makhasi ngokumane uhlele lelo shidi lesitayela.

Lokhu kwenza ukuphathwa kwesayithi isikhathi eside kube lula kakhulu.

Ukuphazamiseka kwamashidi angaphandle wesitayela ukuthi badinga amakhasi ukulanda nokulayisha la mafayela angaphandle. Akuwona wonke amakhasi azosebenzisa zonke izitayela kukhasi le-CSS, amakhasi amaningi azolayisha ikhasi elikhulu kakhulu le-CSS kunalokho okudinga ngempela.

Yiqiniso kuyilapho kusebenza ukusebenza kwamafayela angaphandle we-CSS, ngokuqinisekile kungancishiswa. Ngokweqiniso, amafayela e-CSS amane amafayela wombhalo, ngakho-ke awekho enkulu kakhulu ukuqala. Uma ngabe isayithi lakho lonke lisebenzisa ifayela le-CSS elingu-1, nawe uthola inzuzo yale dokhumenti igcinwe ngemuva kokuthi ilayishwe ekuqaleni.

Lokhu kusho ukuthi kungase kube nokusebenza okuncane okukhishwe ekhasini lokuqala ukuvakashelwa, kodwa amakhasi alandelayo azosebenzisa ifayela le-CSS elondoloziwe, ngakho-ke noma yikuphi ukushaya kuzonganakwa. Amafayela e-CSS angaphandle angakhiwa kanjani wonke ama-webpages ami.