Da zarar ka fara gina shafuka yanar gizo tare da HTML, za ka fara aiki tare da zanewa. Don yin shafin ku duba hanyar da kuke son shi ya dubi, watakila dacewa da zane da ku ko wani zanen halitta, kuna so ku canza girman rubutu a kan wannan shafin, da sauran abubuwa a shafin. Don yin wannan za ka iya fara nema alama ta "HTML", amma zaka iya gano shi batacce.
Matakan HTML ba su kasance a cikin HTML ba. Maimakon haka, don saita girman gashinku, hotuna ko layout ya kamata ku yi amfani da Fayil ɗin Cascading Style. A gaskiya ma, duk wani canji na gani da kake buƙatar yin zuwa wani shafin yanar gizon ko wata mahimmanci da CSS ya jagoranci! HTML ne don tsarin kawai.
Abinda ya fi dacewa zuwa tagglar HTML shine tsohuwar tag ɗin tag, wanda ya haɗa da haɓakar girman. Yi gargadin cewa an lalata wannan tag a cikin sassan HTML na yanzu kuma bazai goyan bayan masu bincike a nan gaba ba! Ba ku so ku yi amfani da tag ɗin rubutu a cikin HTML! Maimakon haka, ya kamata ka koyi CSS don girman kayan HTML naka da kuma zayyana shafin yanar gizonka bisa ga yadda ya dace.
Font Sizes
Fassarori suna da shakka cewa abu mafi sauki ga girman da CSS. Ƙunƙwasawa kawai fiye da yin rubutu da rubutu, tare da CSS za ka iya zama ƙayyadadden game da tarihin shafin yanar gizonku . Zaka iya ayyana girman nau'in, launi, casing, nauyi, jagoran, da sauransu. Tare da tag tag, za ka iya ƙayyade girman kawai, sa'an nan kuma kawai a matsayin mai lamba dangane da girman gurbin mai amfani na browser wanda ya bambanta ga kowane abokin ciniki.
Don saita sakin layi don samun nau'i mai yawa na 12pt, yi amfani da dukiyar kayan kayan rubutu:
h3 {font-size = 24px; }Wannan salon zai sanya nau'in nau'i na nau'ikan headiing3 24 pixels. Kuna iya ƙara wannan zuwa takarda na layi na waje da duk H3s na shafin ku zai yi amfani da wannan salon.
Idan kana son ƙarawa da rubutu da yawa zuwa rubutunka, zaka iya ƙara su a kan wannan tsarin CSS:
h3 {font-size: 24px; launi: # 000; font-nauyi: al'ada; }Wannan ba kawai zai saita nau'in girman nau'in H3 ba, zai kuma sanya launi zuwa baki (wanda shine abinda lambar hex na # 000 ke nufin) kuma zai sanya nauyin zuwa "al'ada". Ta hanyar tsoho, masu bincike suna sa surori na 1-6 kamar rubutu mai ƙari, don haka wannan salon zai shafe wannan tsoho kuma ainihi "rubutu marar tushe".
Hotuna Hotuna
Hotuna na iya zama daɗaɗɗa don ƙayyade girman kai domin zaka iya amfani da burauzar don sake mayar da hotunan. Babu shakka, maimaita hotuna tare da mai bincike shine mummunan ra'ayi saboda yana sa shafukan yanar gizo don ɗaukar hankali fiye da sauƙi kuma masu bincike sukan aikata aikin rashin talauci na yin fansa, suna sa siffofin ba su da kyau. Maimakon haka, ya kamata ka yi amfani da kayan aikin haruffa don sake mayar da hotuna sannan ka rubuta ainihin su a cikin shafin yanar gizonku.
Ba kamar fonts ba, hotuna na iya amfani da ko dai HTML ko CSS don ayyana girman. Ka ayyana nisa daga cikin hoton da tsawo. Lokacin da kake amfani da HTML, zaka iya ƙayyade girman girman hoton kawai. Idan kayi amfani da CSS, zaka iya amfani da wasu ma'auni ciki har da inci, centimeters, da kuma kashi. Wannan ƙimar na ƙarshe, kashi-kashi, yana da amfani ƙwarai idan hotunanku suna buƙatar zama ruwa, kamar yadda yake a cikin shafin yanar gizon.
Don ayyana girman girman hotonka ta amfani da HTML, yi amfani da tsawo da kuma halayen nisa na img tag. Alal misali, wannan hoton zai zama 400x400 pixels square:
tsawo = "400" nisa = "400" alt = "image" />Don ayyana girman girman hotonku ta amfani da CSS, yi amfani da tsawo da kuma kyawawan kayan kaya. A nan ne hoton nan, ta amfani da CSS don ayyana girman:
style = "tsawo: 400px; nisa: 400px;" alt = "image" />Saitunan Layout
Yawan da aka fi sani a cikin layout shi ne nisa, kuma abu na farko da za ku buƙaci ya yanke shawara shi ne don yin amfani da layin jigilar gyara ko wani shafin yanar gizon. A wasu kalmomi, za ku ayyana nisa a matsayin daidai adadin pixels, inci, ko maki? Ko kuma za ku saita nasihu ta layout ku kasance mai sauƙi ta amfani da jimloli ko kashi? Don ayyana girman girman ku, kuna amfani da nisa da tsawo CSS kaddarorin kamar yadda kuke a cikin hoto.
Kafaffen nisa:
style = "nisa: 600px;">Rashin ruwa:
style = "nisa: 80%;">Lokacin da kake yanke shawara a kan nisa don layout naka, ya kamata ka tuna da ɗakunan namu daban-daban waɗanda masu karatu za su yi amfani da na'urori daban-daban da za su yi amfani da su. Wannan shine dalilin da ya sa yanar gizo masu amfani da su , wanda zai iya canja yanayin da suke da su dangane da na'urorin daban daban da kuma girman allo, shine mafi kyau a yau.