Iyiphi Ishidi Lesitayela Esaphandle?

Incazelo yangaphandle ye-CSS ne-Link How to One

Lapho isiphequluli sewebhu siphatha ikhasi lewebhu, indlela ebonakala ngayo inqunywa ngolwazi oluvela kwishidi lesitayela se-cascading. Kunezindlela ezintathu zefayela le-HTML lokusebenzisa ishidi lesitayela: ngaphandle, ngaphakathi nangaphakathi.

Amashidi wesitayela sangaphakathi nongaphakathi agcinwa ngaphakathi kwefayela le-HTML ngokwayo. Kulula ukusebenza ngesikhashana kepha ngenxa yokuthi ayigcinwanga endaweni ephakathi, akunakwenzeka ukwenza kalula ushintsho kumanothi kuwo wonke iwebhusayithi ngesikhathi esisodwa; kufanele ubuyele emuva kungena ngayinye bese uyishintsha ngesandla.

Noma kunjalo, ngeshidi lesitayela sangaphandle, imiyalo yokunikeza ikhasi igcinwa efayeleni elilodwa, okwenza kube lula ukuhlela isitayela kuwo wonke iwebhusayithi noma izinto eziningi. Ifayela isebenzisa isandiso sefayela se-.CSS, futhi isixhumanisi endaweni yefayili kufakwe emadokhumenti ye-HTML ukuze isiphequluli sewebhu siyazi ukuthi singabhekaphi imiyalelo yokubhala.

Idokhumenti eyodwa noma ngaphezulu ingaxhuma kwifayela elifanayo le-CSS, futhi iwebhusayithi ingaba namafayela amaningi ahlukile e-CSS wokubhala amakhasi ahlukene, amatafula, izithombe, njll.

Ukuxhumanisa kanjani kwiShidi Lesitayela Esingaphandle

Njalo ikhasi lewebhu elifuna ukusebenzisa ishidi lesitayela langaphandle ludinga ukuxhuma kwifayela le-CSS elisuka kusigaba okuningi kanje:

Kulesi sibonelo, into kuphela edinga ukuguqulwa ukuze isebenze kumqulu wakho, umbhalo wesitayela.css . Lona indawo yefayela lakho le-CSS.

Uma leli fayela empeleni libizwa ngokuthi styles.css futhi lisefolda efanayo ngqo njengoba idokhumenti elixhuma kuyo, khona-ke lingakwazi ukuhlala njengoba lifundwa ngenhla. Noma kunjalo, kungenzeka ukuthi ifayela lakho le-CSS libizwa ngokuthi yilokho okunye, noma ngabe ungayishintsha igama kusuka "izitayela" kunoma iyiphi eyakho.

Uma ifayili le-CSS ingekho empandeni yale folda kodwa esikhundleni se-subfolder, ingase ifunde okuthile kanje:

Ulwazi olungaphezulu kumafayela angaphandle we-CSS

Inzuzo enkulu kunazo zonke zamashidi wangaphandle wesitayela ukuthi azibophekile kunoma yiliphi ikhasi elithile. Uma ukudweba kwenziwa ngaphakathi noma ku-intanethi, amanye amakhasi ku-website awakwazi ukukhomba lokho okuthandwa ngu-styling.

Nge-styling yangaphandle, noma kunjalo, ifayela elifanayo le-CSS lingasetshenziselwa ngokoqobo ngalunye ikhasi elilodwa kwiwebhsayithi ukuze bonke babonakale ngendlela efanayo, futhi ukuhlela konke okuqukethwe kwe-CSS kuwebhusayithi kuyinto elula kakhulu futhi kuphakathi.

Ungabona ukuthi lokho kusebenza ngezansi ...

Isitayela sangaphakathi sidinga ukusebenzisa amathegi njengoba kudingeka adonswe kusuka kumathegi we- :

umzimba {umbala wesizinda: oluhlaza; } h1 {umbala: okwesibhakabhaka; umkhawulo-kwesokunxele: 15px; }

Kodwa-ke, njengoba amashidi angaphandle angaphansi kwefayili yawo, angadalwa njengale, futhi kusho into efanayo ngokufanayo nesampula esingenhla:

umzimba {umbala wesizinda: oluhlaza; } h1 {umbala: okwesibhakabhaka; umkhawulo-kwesokunxele: 15px; }}

Kulezi zibonelo, isitayela se-inline sisebenza kuphela kuleli khasi elithile, kubonakala ukuthi liqukethe imininingwane yekhanda lekhasi le-HTML. Ngesibonelo sesibili, ulwazi lwe-CSS luqukethe kwifayela le-CSS noma yiliphi ikhasi elikwazi ukuxhuma ekusebenziseni ikhodi kusuka ku- How To Link kuya kwesigaba sangaphandle seSpredishithi sesitayela ngenhla.