Chirongwa cheChecading Style Sheets With Sample Style Sheet
Paunenge uvaka webhusaiti kubva pakatarisa, kuchenjera kutanga nemashizha ekutanga anotsanangurwa. Zvakafanana nekutanga nemucheka wakachena uye mabhurusi matsva. Imwe yezvinetso zvekutanga zvinonzi web designers ndeyokuti web browser vanosiyana. Izvo zvisizvo zvesimba zvesimba zvakasiyana kubva papuratifomu kuenda ku-platform, iyo yakaipa mapepa emhuri yakasiyana, mamwe ma browsers anotsanangura margins uye padding pamutumbi wemuviri apo vamwe vasingaiti, nezvimwe zvakadaro. Tenderera izvi zvisina kufanana nekujekesa mafaira asina kukodzera mapeji ako ewebhu.
CSS uye Character Set
Zvinhu zvokutanga kutanga, sarudza mararamiro ezvinyorwa zve CSS yako kune utf-8 . Kunyange zvazvo zvichida kuti mapeji akawanda aunogadzira akanyorwa muchiChirungu, mamwe angangowanikwa munzvimbo-akafananidzwa kune mitauro yakasiyana-siyana uye tsika. Apo ivo vari, utf-8 inonyoresa hurongwa. Kugadzirisa hutano hwakagadzirirwa kune imwe kunze kwepepa rekushanda hakuzotungamiri pane musoro weHTTP , asi mune mamwe mamiriro ezvinhu, zvichaitika.
Zviri nyore kuisa unhu hwakagadzirirwa. Nokuti mutsara wekutanga weCSS nyora kunyora:
@charset "utf-8";Nenzira iyi, kana iwe ukashandisa maitiro evanhu vemunyika yose mune zvinyorwa zvepaimba kana sekirasi uye mazita eAIDS, chidimbu chemavara chicharamba chichishanda zvakanaka.
Kunyoresa Page Mutumbi
Chinhu chinotevera kushandiswa kwemavara mapepa inoda zvipfeko kusvika kune zero kunze kwemaseri, padding, nemiganhu. Izvi zvinogutsikana kuti vese browsers vanoisa zvinyorwa munzvimbo imwe chete, uye hapana nzvimbo dzakasvinwa pakati pekushandura uye zviri mukati. Pamusoro pemapeji ewebhu, izvi zviri pedo kusvika kumucheto wemashoko, asi zvakakosha kutanga ipapo kuitira kuti mifananidzo yekare uye mapoka ekugadzirisa zvive zvakanyatsogadzirwa zvakanaka.
html, muviri {margin: 0px; padding: 0px; muganhu: 0px; }Isa nzvimbo yakatarisa yepamusoro kana mutsara wepeti kuti uve mutsvuku uye mutsara wekupedzisira wakachena kuchena. Kunyange zvazvo izvi zvingave zvichishandurwa pane zvakawanda zvewebhu web design, kuva nemirairo yakaenzana yakagadzirirwa mumuviri uye tag HTML pakutanga inoita kuti peji iri nyore kuverenga uye kushanda nayo.
html, muviri {muvara: # 000; mamiriro acho ezvinhu: #fff; }Zvichida Font Styles
Nhamba yepeti uye mapepa emhuri chinhu chisingashanduki kana chigadziro chinotora asi kutanga nekutadza kwemafaira emusikirwo emamiriyoni mashanu uye mutezo wepasita yemhuri yeArial, Geneva, kana imwe isina sans-serif font. Kushandiswa kwekuchengetedza peji kunogamuchirwa sezvinobvira, uye ine-sans-serif font inowanikwa zvakajeka pahwindo.
html, body, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }Panogona kunge kune dzimwe nzvimbo paungawana mutsara, asi p , t , td , li , d , uye dt ndiwo mavambo akanaka ekutsanangurira faira. Ivai neHTML nemuviri chete kana zvichiitika, asi mabheji akawanda anopfuura mazita ezvinyorwa kana iwe uchinongedzera mafaira ako e HTML kana muviri.
Musoro
HTML misoro yakakosha kushandisa kushandisa rubatsiro rwewebsite yako uye regai injini yekutsvaga iwedzere mukati mewebsite yako. Pasina mitambo, vose havana kunaka, saka vakagadzirisa mafashoni avo ose uye vanotsanangurira mhuri yepafaira uye mazita emhando yega yega.
h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; }Don & # 39; t Yeka iyo Links
Kunyoresa mavara emhando inenge nguva dzose iri chikamu chakakosha chekugadzirisa, asi kana iwe usingazvitsananguri mumitauro isati yasvika, mikana iwe uchakanganwa imwe yezvidzidzo zvidzidzo. Vatsanangurire nezvimwe zvishoma zvisiyana zvebhuruu wozozvishandura kana uine peleti yepavara yejw.org.
Kuti uise hukama mumumvuri webhuruu, sarudza:
- kushamwaridzana sebhuruu
- akashanya achishamwaridzana sebhuruu
- hover links sezvakaita bhuruu
- inoshamwaridzana inoshamwaridzana sezvinongoita bhuruu
sezvakaratidzwa mumuenzaniso uyu:
a: link {color: # 00f; } a: vakashanyira {muvara: # 009; } a: hover {muvara: # 06f; } a: kushingaira {ruvara: # 0cf; ▣ Nekunyoresa kushamwaridzana nemuvara wakajeka wemaruva inoita kuti ini ndisakanganwa chero mapoka acho, uyewo unoita kuti vaite zvishoma zvishoma kudarika bhuruu, tsvuku, uye ruvara rwepepuru.Full Sheet Sheet
Heino chizere chepepa chepeti:
@charset "utf-8"; html, muviri {margin: 0px; padding: 0px; muganhu: 0px; muvara: # 000; mamiriro acho ezvinhu: #fff; ▣ html, muviri, p, th, t, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif; } h1 {font-size: 2em; } h2 {font-size: 1.5em; } h3 {font-size: 1.2em; } h4 {font-size: 1.0em; } h5 {font-size: 0.9em; } h6 {font-size: 0.8em; } a: link {muto: # 00f; } a: vakashanyira {muvara: # 009; } a: hover {muvara: # 06f; } a: kushingaira {ruvara: # 0cf; }