Koyi don inganta saurin shafin yanar gizonku
Koyo yadda za a yi amfani da su tare da CSS shine hanya mai kyau don inganta shafin yanar gizonku. Fom na HTML sunyi jayayya a cikin abubuwa masu banƙyama akan yawan shafukan intanet. Su ne sau da yawa m da amfani kuma ba su bayar da yawa a cikin hanyar style.
Tare da CSS, wannan zai iya canzawa. Hada CSS tare da takardun siffofin da suka fi dacewa zai iya kawo wasu siffofi masu kyau.
Canja Launuka
Kamar dai yadda rubutu yake, zaka iya canja wuri da launuka masu launin abubuwa.
Wata hanya mai sauƙi don canza launin launi na kusan kowane nau'i nau'i shine a yi amfani da dukiya mai launi a kan shigarwar tag. Alal misali, wannan lambar ta shafi launin launi mai launin shudi (# 9cf) akan dukkan abubuwa.
shigarwa {
launi-launi: # 9cf;
launi: # 000;
}
Don canza launin launi na wasu nau'i nau'i, kawai ƙara textarea kuma zaɓi zuwa style. Misali:
shigarwa, textarea, zaɓi {
launi-launi: # 9cf;
launi: # 000;
}
Tabbatar canza layin rubutu idan kunyi duhu duhu. Nuna bambanci launuka yana taimakawa wajen samar da nau'in siffofi. Alal misali, rubutu akan launin launi jan launin duhu ya fi sauƙin karantawa idan launin rubutu ya yi fari. Alal misali, wannan lambar yana sanya rubutu mai tsabta a kan jan ja.
shigarwa, textarea, zaɓi {
launi-launi: # c00;
launi: #fff;
}
Hakanan zaka iya sanya launi na launi a kan takarda na kanta kanta. Ka tuna cewa siffar siffar wani abu ne na toshe , don haka launi ta cika a cikin kowane madaidaiciya, ba kawai wurare na abubuwa ba.
Zaka iya ƙara rassan launin rawaya zuwa wani nau'in allon don sa yankin ya fita waje, kamar wannan:
nau'in {
Ƙari-launi: #ffc;
}
Ƙara Borders
Kamar yadda launuka, zaka iya canja iyakoki na nau'ikan nau'ikan abubuwa. Zaka iya ƙara iyaka guda ɗaya kewaye da dukkan nau'i. Tabbatar ƙara ƙarawa, ko siffofinka za a shafe dama kusa da iyakar.
Ga misali na lambar don iyakokin bangon 1-pixel da 5 pixels na padding:
nau'in {
iyaka: 1px m # 000;
Kusawa: 5px;
}
Zaka iya sanya iyakoki fiye da kawai nau'i kanta. Canja iyakar abin da aka shigar don sa su tsaya waje:
shigarwa {
iyakar: 2px dashed # c00;
}
Yi hankali idan ka sanya iyakoki a kan akwatunan shigarwa yayin da suke kallon ƙasa kamar akwatunan shigarwa, kuma wasu mutane bazai gane cewa zasu iya cika nauyin ba.
Haɗa Hanyoyin Yanayi
Ta hanyar hada abubuwa tare da tunani tare da wasu CSS, za ka iya kafa tsari na da kyau wanda ya kammala zane da kuma shimfida shafinka.