Aprann amelyore gade nan sit entènèt ou
Aprann ki jan fòm style ak CSS se yon bon fason amelyore gade nan sit entènèt ou an. Fòm HTML yo joui nan mitan bagay sa yo ugliest sou pifò paj wèb. Yo souvan raz ak itilitè epi yo pa ofri anpil nan fason a nan style.
Avèk CSS, sa ka chanje. Konbine CSS ak etikèt yo fòm pi avanse ka delivre kèk fòm bèl-kap.
Chanje koulè yo
Menm jan ak tèks, ou ka chanje koulè yo plan ak background nan eleman fòm.
Yon fason fasil chanje koulè a background nan prèske chak eleman fòm se yo sèvi ak pwopriyete a background-koulè sou tag nan D '. Pou egzanp, kòd sa a aplike yon koulè background ble (# 9cf) sou tout eleman yo.
D '{
background-koulè: # 9cf;
koulè: # 000;
}}
Pou chanje koulè a background nan sèlman eleman fòm sèten, jis ajoute tèkstare epi chwazi style la. Pa egzanp:
Dosye, tèks, chwazi {
background-koulè: # 9cf;
koulè: # 000;
}}
Asire ou ke ou chanje koulè tèks la si ou fè koulè background ou fè nwa. Kontrèman koulè ede fè eleman yo fòme plis lesib. Pou egzanp, tèks sou yon koulè nwa koulè wouj se pi plis fasil li si koulè a tèks se blan. Pou egzanp, kòd sa a mete tèks blan sou yon fon wouj.
Dosye, tèks, chwazi {
background-koulè: # c00;
koulè: # ff;
}}
Ou ka menm mete yon koulè background sou tag nan fòm tèt li. Sonje ke tag nan fòm se yon eleman blòk , se konsa koulè a plen nan rektang nan tout, pa sèlman kote yo nan eleman yo.
Ou ka ajoute yon jòn background nan yon eleman blòk fè zòn nan kanpe deyò, tankou sa a:
fòm {
background-koulè: # ff;
}}
Add Borders
Menm jan ak koulè, ou ka chanje fwontyè yo nan eleman fòm divès kalite. Ou ka ajoute yon fwontyè sèl nan tout fòm lan. Asire ou ke ou ajoute padding, oswa eleman fòm ou yo ap bloke jiska bò fwontyè a.
Isit la nan yon egzanp nan kòd pou yon fwontyè 1-pixel nwa ak 5 piksèl nan padding:
fòm {
fwontyè: 1px solid # 000;
padding: 5px;
}}
Ou ka mete fwontyè alantou plis pase jis fòm nan tèt li. Chanje fwontyè atik yo pou fè yo kanpe deyò:
D '{
fwontyè: 2px tirè # c00;
}}
Fè atansyon lè ou mete fwontyè sou bwat opinyon jan yo gade mwens tankou bwat opinyon Lè sa a, ak kèk moun ki pa ka reyalize yo ka ranpli nan fòm lan.
Konbine karakteristik Style
Pa mete ansanm eleman fòm ou a ak panse ak kèk CSS, ou ka mete kanpe yon fòm bèl kap ki complet desen an ak layout nan sit ou.