Maelezo ya Kikamilifu ya Karatasi za Sinema za Nyaraka na Karatasi ya Sinema ya Mfano
Unapojenga tovuti kutoka mwanzoni, ni smart kuanza na mitindo ya msingi ilivyofafanuliwa. Ni kama kuanzia na canvas safi na maburusi safi. Moja ya matatizo ya kwanza ambayo waumbaji wa mtandao wanakabiliwa ni kwamba browsers za mtandao ni tofauti. Ukubwa wa font wa kawaida ni tofauti na jukwaa hadi jukwaa, familia ya font ya msingi ni tofauti, baadhi ya vivinjari hufafanua margin na padding kwenye lebo ya mwili wakati wengine hawana, na kadhalika. Pata karibu kutofautiana kwa kufafanua mitindo ya default kwa kurasa zako za wavuti.
CSS na Kuweka Tabia
Mambo ya kwanza kwanza, weka kuweka tabia ya nyaraka zako za CSS kwa utf-8 . Ingawa kuna uwezekano kwamba wengi wa kurasa zako unazoandikwa zimeandikwa kwa Kiingereza, baadhi yanaweza kuwekwa kwa eneo-zimefanyika kwa mazingira tofauti ya lugha na kiutamaduni. Wakati wao, utf-8 huboresha mchakato. Kuweka tabia iliyowekwa kwenye karatasi ya nje ya mtindo haitatangulia juu ya kichwa cha HTTP , lakini katika hali nyingine zote, itakuwa.
Ni rahisi kuweka kuweka tabia. Kwa mstari wa kwanza wa hati ya CSS kuandika:
@charset "utf-8";Kwa njia hii, ikiwa unatumia wahusika wa kimataifa katika mali ya maudhui au kama majina ya darasa na ID, karatasi ya mtindo itaendelea kufanya kazi kwa usahihi.
Kupiga kelele Mwili wa Ukurasa
Jambo la pili la karatasi ya mtindo wa default ni mitindo ya kuondokana na vifungo, vifungo, na mipaka. Hii inahakikisha kwamba wote browsers kuweka maudhui katika sehemu moja, na hakuna nafasi yoyote siri kati ya browser na maudhui. Kwa kurasa nyingi za wavuti, hii ni karibu sana na makali ya maandishi, lakini ni muhimu kuanzisha hapo ili picha na background ya mgawanyiko zimefungwa vizuri.
html, mwili {margin: 0px; padding: 0px; mpaka: 0px; }Weka foreground default au rangi ya font kwa rangi nyeusi na rangi ya asili ya asili kwa nyeupe. Ingawa hii itabadilika zaidi kwa miundo zaidi ya ukurasa wa wavuti, kuwa na rangi hizi za kawaida zilizowekwa kwenye mwili na lebo ya HTML wakati wa kwanza hufanya ukurasa urahisi kusoma na kufanya kazi na.
html, mwili {rangi: # 000; background: #fff; }Mitindo ya Sifa ya Default
Ukubwa wa font na familia ya font ni kitu kitakachobadilishwa mara moja wakati kubuni unachukua lakini kuanza na ukubwa wa poleta wa 1 em na familia ya font ya default ya Arial, Geneva, au font nyingine ya bila-serif. Matumizi ya ems kuweka ukurasa kuwa kupatikana iwezekanavyo, na font sans-serif ni zaidi legible kwenye screen.
html, mwili, p, th, td, li, dd, dt {font: 1 ya Arial, Helvetica, sans-serif; }Kunaweza kuwa na maeneo mengine ambapo unaweza kupata maandishi, lakini p , th , td , li , dd , na dt ni mwanzo mzuri wa kufafanua font msingi. Jumuisha HTML na mwili tu katika kesi, lakini vivinjari vingi vinapunguza uchaguzi wa font ikiwa wewe hufafanua tu fonts zako kwa HTML au mwili.
Vichwa vya habari
Machapisho ya HTML ni muhimu kutumia ili kusaidia muhtasari wa tovuti yako na kuruhusu injini za utafutaji ziingie kwenye tovuti yako. Bila mitindo, wote ni waovu, hivyo kuweka mitindo default kwa wote na kufafanua font font na ukubwa font kwa kila mmoja.
h1, h2, h3, h4, h5, h6 {font-familia: Arial, Helvetica, sans-serif; } h1 {ukubwa wa font: 2m; } h2 {ukubwa wa font: 1.5m; } h3 {font-size: 1.2m; } h4 {ukubwa wa font: 1.0m; } h5 {ukubwa wa font: 0.9m; } h6 {ukubwa wa fomu: 0.8m; }Don & # 39; t Kuacha Viungo
Kupiga rangi ya rangi ya kiungo ni karibu kila sehemu muhimu ya kubuni, lakini ikiwa hufafanua katika mitindo ya default, uwezekano utaweza kusahau angalau moja ya madarasa ya pseudo. Wafafanue kwa tofauti ndogo juu ya bluu na kisha ubadilishe mara moja una palette ya rangi kwa tovuti iliyofafanuliwa.
Ili kuweka viungo katika vivuli vya bluu, weka:
- viungo kama bluu
- vilivyotembelea viungo kama bluu giza
- viungo vya hover kama rangi ya bluu
- viungo hai kama hata rangi ya bluu
kama inavyoonekana katika mfano huu:
: link {rangi: # 00f; }: alitembelea {rangi: # 009; } a: hover {rangi: # 06f; } a: kazi {rangi: # 0cf; } Kwa kuchapisha viungo na mpango wa rangi usio na hatia huhakikisha kwamba sitahau yoyote ya madarasa, na pia huwafanya kuwa kidogo kidogo kuliko ya rangi ya bluu, nyekundu, na zambarau.Karatasi Kamili ya Sinema
Hapa ni karatasi kamili ya mtindo:
@charset "utf-8"; html, mwili {margin: 0px; padding: 0px; mpaka: 0px; rangi: # 000; background: #fff; } html, mwili, p, th, td, li, dd, dt {font: 1 ya Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-familia: Arial, Helvetica, sans-serif; } h1 {ukubwa wa font: 2m; } h2 {ukubwa wa font: 1.5m; } h3 {font-size: 1.2m; } h4 {ukubwa wa font: 1.0m; } h5 {ukubwa wa font: 0.9m; } h6 {ukubwa wa fomu: 0.8m; }: kiungo {rangi: # 00f; }: alitembelea {rangi: # 009; } a: hover {rangi: # 06f; } a: kazi {rangi: # 0cf; }