Taswirar CSS ko Cascading Style Sheets suna bayyana ta hanyar zane da labarun yanar gizon. Waɗannan su ne takardun da ke nuna siffar shafin yanar gizon yanar gizon yanar gizo, samar da masu bincike da yanar gizo tare da umarnin akan yadda za a nuna shafukan da sakamakon wannan alamar. CSS tana amfani da layin saiti, da launi, bayanan bayanan, typography da yawa.
Idan ka dubi wani fayil na CSS, za ka ga cewa kamar kowane samfuri ko harshen coding, waɗannan fayiloli suna da ƙayyadadden takamaiman su. Kowace takarda da aka sanya shi ne da yawan dokokin CSS. Wadannan ka'idodin, lokacin da aka ɗauka su cika, waɗanne hanyoyi ne akan shafin.
Sashe na CSS Rule
Dokar CSS ta ƙunshi sassa daban-daban guda biyu - mai zaɓa da furta. Mai zaɓin ya ƙayyade abin da ake sawa a kan shafi kuma furcin shine yadda ya kamata a sa shi. Misali:
p {
launi: # 000;
}
Wannan tsari ne na CSS. Yankin zaɓi shine "p", wanda shine mai zaɓin zaɓi don "sakin layi". Saboda haka, za a zabi ALL sakin layi a cikin wani shafin kuma samar da su da wannan salon (sai dai idan akwai sakin layi wanda aka kera da wasu takamaiman sassa a cikin littafin CSS naka).
Sashin ɓangaren da ke cewa "launi: # 000;" shi ne abin da aka sani da sanarwa. Wannan bayanin ya ƙunshi nau'i biyu - dukiya da darajar.
Abubuwan dukiya shine "launi" na wannan furci. Ya faɗi wane ɓangaren zaɓin za a canza shi da ido.
Darajar shi ne abin da zaɓaɓɓe na CSS zaɓaɓɓu zuwa. A cikin misalinmu, muna amfani da darajar hex # # 000, wanda shine CSS a takaice don "baki".
Saboda haka ta yin amfani da wannan ka'idar CSS, shafinmu zai sami sassan layi a cikin launin launi na baki.
CSS Abubuwan Da'a
Lokacin da ka rubuta CSS kaddarorin, ba za ka iya sanya su kawai kamar yadda kake gani ba. Ga lokuta, "launi" shine ainihin dukiyar CSS, don haka zaka iya amfani da shi. Wannan dukiya shi ne abin da ke ƙayyade launin rubutu na wani kashi. Idan ka yi kokarin amfani da "launi-launi" ko "launi-launi" a matsayin CSS Properties, waɗannan za su kasa saboda sun kasance ba ainihin sassan harshen CSS ba.
Wani misali shi ne dukiya "bayanan hoto". Wannan dukiya ya kafa hoton da za'a iya amfani dashi don bango, kamar wannan:
.logo {
Hotuna: url (/images/company-logo.png);
}
Idan ka yi kokarin amfani da "hoto-bayanan" ko "zane-zane" a matsayin abin mallaka, za su gaza saboda, yanzu kuma, wadannan ba ainihin CSS ba ne.
Wasu CSS Properties
Akwai ƙwayoyin CSS da za ku iya amfani dasu don yin zane kan shafin. Wasu alamu sune:
- Ƙidaya (ciki har da layin iyakoki, launi iyakoki, da iyakar iyaka)
- Kusashe (ciki har da dambar-saman, dodadden-dama, kusurwa-kasa, da kuma padding-hagu)
- Ƙididdiga (ciki har da gefe-saman, gefen hagu-dama, hagu-ƙasa, da gefe-hagu)
- Font-iyali
- Font-size
- Bayanin-launi
- Width
- Hawan
Wadannan alamun CSS suna da kyau don amfani da misalai, saboda suna da kyau sosai kuma, koda kuwa ba ku san CSS ba, za ku iya tsammani abin da suke yi bisa ga sunayensu.
Akwai wasu ƙwayoyin CSS waɗanda za ku haɗu da kuma wanda bazai zama a fili a yadda suke aiki ba bisa ga sunayensu:
- Fasa
- Share
- Ambaliya
- Tsarin rubutu
- Z-index
Yayin da kake shiga zurfin yanar gizo, za ka haɗu (da kuma amfani da) duk waɗannan kaddarorin kuma mafi!
Abubuwan Da ke Bukatar Mahimmanci
Duk lokacin da kake amfani da dukiya, dole ne ka ba shi darajar - kuma wasu kaddarorin zasu iya karɓar wasu dabi'u kawai.
A cikin misali na farko na dukiyar "launi", muna buƙatar amfani da darajar launi. Wannan zai iya zama darajar hex , RGBA darajar, ko ma launi kalmomi . Duk wani daga cikin waɗannan dabi'un zai yi aiki, duk da haka, idan kun yi amfani da kalmar "lalacewa" tare da wannan dukiya, ba zai yi kome ba saboda, kamar yadda kwatancin kalma ta iya zama, ba a gane darajar CSS ba.
Misali na biyu na "hoton hoton" yana buƙatar hanyar amfani da hoto don amfani da ainihin ainihin hoto daga fayilolin shafinku. Wannan shi ne darajar / haɗin da ake bukata.
Dukkanin CSS suna da dabi'u da suke sa ran. Misali:
- Border-launi yana buƙatar darajar launi
- Border-size yana buƙatar girma mai girma, kamar pixels ko percentages
- Yanayin iyakoki suna buƙatar daya daga cikin tsararren da aka yi amfani da shi don wannan kayan, kamar "m"
Idan ka shiga cikin jerin abubuwan CSS, za ka gane cewa kowannensu yana da ƙayyadadden dabi'un da za su yi amfani da su don ƙirƙirar salon da aka tsara su.
Edited by Jeremy Girard