Fumana lintlha ka lintlha tsena
Liwebsaete tsohle tsa marang-rang li kenyelletsa se tsejoang e le "mefuta ea defauly." Tsena ke mekhoa e laolang ho shebahala le boikutlo ba likarolo tsa HTML ka ho ba sieo ha tlhahiso ea mofuta ofe kapa ofe. Ka mohlala, hoo e ka bang sebapali se seng le se seng ho shebahala ka ho feletseng ha li-hyperlink ke 'mala o moputsoa o khanyang o nang le molaetsa o tlaase. Ke kamoo lihlopha tsena li shebang kateng ntle leha u ba bolella hore ba li bontše ka tsela e fapaneng.
Mefuta e fapaneng ea li-browser e ka ba ea bohlokoa, empa maemong a mangata baetsi ba li-websaete ba batla ho tlosa mefuta ena e le hore ba ka qala ho hloekisa ka mekhoa eo ba 100% ba e laolang. Sena se etsoa ho sebelisa se tsejoang e le "master stylesheet."
Tlhahiso ea mokhoa o hloahloa e lokela ho ba mekhoa ea pele eo u e bitsang litokomaneng tsohle tsa hau. U sebelisa mokhoa o motle oa mokhoa oa ho tlosa marang-rang oa sebapali se ka bakang mathata ho moqapi oa liwebsaete tsa Websaete. Hang ha u se u hlalositse mekhoa e nang le stylesheet e ntle, moqapi oa hao o qala ho tloha sebakeng se le seng libukeng tsohle-joaloka sekoahelo se hloekileng sa ho penta.
Liphetho tsa Lefatše
Mochine oa hau oa litlhaku o lokela ho qala ka ho hlakola marang-rang, marang-rang le meeli ho leqephe. Liwebsaete tse ling tsa Websaete ha li fetohe 'mele oa tokomane ho pixels e le 1 kapa 2 e entsoeng mecheng ea marang-rang. Sena se etsa bonnete ba hore kaofela li bonts'a se tšoanang:
html, 'mele {margin: 0px; ho roala: 0px; moeli: 0px; }}U boetse u batla ho etsa hore feshene e lumellane. Etsa bonnete ba ho beha boholo ba fonte ho karolo ea 100 lekholong kapa 1em, e le hore leqephe la hau le fumanehe, empa boholo bo ntse bo tsitsitse. 'Me u tiise hore u kenyeletsa bophahamo ba line.
'mele {font: 1em / 1.25 Arial, Helvetica, sans-serif; }}Tlhaloso ea sehlooho sa sehlooho
Lihlooho tsa sehlooho kapa lihlooho tsa sehlooho (H1, H2, H3, joalo-joalo) li atisa ho fetoleloa ka mantsoe a sebete ka mabote a maholo kapa ho pota-pota. Ka ho tlosa boima, marang-rang le marang-rang, u netefatsa hore matšoao ana a ntse a le kholoanyane (kapa a nyenyane) ho feta temana e ba potolohileng ntle le ho ba le mela e mengata:
h1, h2, h3, h4, h5, h6 {margin: 0; ho robala: 0; taelo-boima: e tloaelehileng; mongolo-mongolo: Arial, Helvetica, sans-serif; }}U ka 'na ua batla ho nahana ka ho beha boholo bo itseng, lengolo-mekhabiso le li-paddings lihloohong tsa sehlooho sa hau, empa seo se itšetlehile ka mokhoa oa sebaka seo u se hlophisitseng' me se lokela ho tlohelloa ka mokhoa oa mokhoa o motle. U ka eketsa mekhoa e meng ea lihlooho tsena ha ho hlokahala bakeng sa moqapi oa hau o khethehileng.
Text Text e hlakileng
Ka ntle ho lihlooho, ho na le litemana tse ling tseo u lokelang ho li hlakola. E 'ngoe eo batho ba atisang ho e lebala ke matšoao a selefo ea tafoleng (TH le TD) le matšoao a mokhoa (SELECT, TEXTAREA le INPUT). Haeba u se ke ua li beha boemong bo lekanang le 'mele oa hao le mongolo oa serapa, u ka' na ua makatsoa ke kamoo libabelli li li fang kateng.
p, th, td, li, dd, dt, ul, ol, blockquote, q, mongolo, mongolo, mongolo, mongolo, khetho, textarea {margin: 0; ho robala: 0; mongolo: o tloaelehileng o tloaelehileng 1em / 1.25 Arial, Helvetica, sans-serif; }}Hape ke ntho e monate ho fana ka litlhaloso tsa hau (BLOCKQUOTE le Q), lipolelo, le likhetho ka mokhoa o fokolang haholo, e le hore ba hlahe haholoanyane:
blockquote {margin: 1.25em; ho roala: 1.25em} q {font-style: italic; } mongolo, mongolo o motle: thuso; moeli-ka tlaase: 1px e senyehile; }}Li-link le Litšoantšo
Likhokahano li bonolo ho laola le ho fetoha ho tloha ho lengolo le boletsoeng ka holimo le khanyelitsoeng le buluu le boletsoeng ka holimo. Ke khetha ho lula ke e-na le melaetsa ea ka ea melaetsa, empa haeba u e rata ka tsela e fapaneng u ka beha mekhoa ena ka khetho. Hape ha ke kenye mebala ka mokhoa o motle oa leqephe, hobane ho itšetlehile ka moqapi.
a, a: link, a: a etela, a: a sebetsang, a: hover {text-decoration: tokomane; }}Ka litšoantšo, ke habohlokoa ho tima meeli. Le hoja lipapatso tse ngata li sa bontše moeli o potolohileng setšoantšo sa setšoantšo, ha setšoantšo se kopantsoe, li-browser li bulela moeli. Ho lokisa sena:
img {border} none; }}Lisebelisoa
Le hoja litafole li se li sa sebelisoe bakeng sa merero ea mohaho, sebaka sa hau sa setša se ntse se ka se sebelisa bakeng sa data ea sebele ea tluar. Ena ke tšebeliso e ntle ea litafole tsa HTML. Re se re netefalitse hore boholo bo ngotsoeng bo ngotsoeng bo fapaneng bo tšoana le lisele tsa hau tsa tafole, empa ho na le mefuta e seng mekae eo u lokelang ho e beha e le hore litafole tsa hau li lule li le joalo:
tafoleng {margin: 0; ho robala: 0; moeli: ha ho letho; }}Lifomu
Joaloka lihlopha tse ling, o lokela ho hlakola mekhahlelo le marang-rang ho potoloha mefuta ea hau. Ntho e 'ngoe eo ke ratang ho e etsa ke ho ngola mongolo oa foromo le " inline " e le hore o se ke oa eketsa sebaka se eketsehileng moo u behang lengolo molaong. Joaloka litlhaloso tse ling, ke hlalosa boitsebiso ba melaetsa bakeng sa ho khetha, textarea le ho kenya ka holimo, e le hore e tšoane le e 'ngoe ea litemana tsa ka.
foromo {margin: 0; ho robala: 0; bonts'a: ka hare; }}Hape ke khopolo e ntle ea ho fetola sekhetho bakeng sa mabitso a hau. Sena se thusa batho ho bona hore letšoao le tla etsa ntho e itseng ha ba e qeta.
label {cursor: pointer; }}Lihlopha Tse Tloaelehileng
Bakeng sa karolo ena ea style stylesheet, o lokela ho hlalosa lihlopha tse nang le moelelo ho uena. Tsena ke tse ling tsa lihlopha tseo ke li sebelisang hangata. Hlokomela hore ha li behe ho ntho leha e le efe e itseng, e le hore u ka li abela eng kapa eng eo ue hlokang:
.clear {hlakisa: bobeli; } .floatLeft {float: ka ho le letšehali; } .floatRight {float: ho le letona; } .textLeft {text-align: ho le letšehali; } .textRight {text-align: ho le letona; } .textCenter {text-align: bohareng; } .textJustify {text-align: lumellana; } .blockCenter {bonts'a: thibela; marginal-left: koloi; marginal-right: auto; } / * hopola ho beha bophara * / .bold {font-boima: bold; } .italic {mokhoa oa feshene: italic; } .underline {text-decoration: tokomane; }. ha e le hantle (karolong e ka letsohong le letšehali: 0; ho robala ka ho le letšehali: 0; } .nomargin {margin: 0; } .nopadding {padding: 0; } .nobullet {lethathamo la mokhoa: ha ho letho; lethathamo-setšoantšo: ha ho letho; }}Hopola hore kahobane lihlopha tsena li ngotsoe pele ho mekhoa e meng hape e le lihlopha feela, li bonolo ho tlōla mekhoa e itseng e khethehileng ea setaele e hlahang hamorao nakong ea tlhaselo . Haeba u fumana hore u beha sehlopha se tloaelehileng holim'a ntho e itseng 'me ha e sebetse, u lokela ho hlahloba ho netefatsa hore ha ho na mokhoa o mong oa o mong oa mekhoa ea hau ea morao-rao e amang karolo e tšoanang.
The Master Master Stylesheet
/ * Ho se hokae Global * / html, body {margin: 0px; ho roala: 0px; moeli: 0px; } 'mele {font: 1em / 1.25 Arial, Helvetica, sans-serif; } / * Sehlooho sa litaba * / h1, h2, h3, h4, h5, h6 {margin: 0; ho robala: 0; taelo-boima: e tloaelehileng; mongolo-mongolo: Arial, Helvetica, sans-serif; } / * Text Styles * / p, th, td, li, dd, dt, ul, ol, blockquote, q, mongolo, mongolo, kakaretso, khetho, textarea {margin: 0; ho robala: 0; mongolo: o tloaelehileng o tloaelehileng 1em / 1.25 Arial, Helvetica, sans-serif; } lebokose la marang-rang {margin: 1.25em; ho roala: 1.25em} q {font-style: italic; } mongolo, mongolo o motle: thuso; moeli-ka tlaase: 1px e senyehile; } e nyenyane {boholo ba fonte: .85em; } e kholo {font-size: 1.2em; } / * Links le Litšoantšo * / a, a: link, a: a eteloa, a: a sebetsang, a: hover {text-decoration: tokomane; } img {moeli: ha ho letho; } / * Tables * / tafoleng {margin: 0; ho robala: 0; moeli: ha ho letho; } / * Foromo * / foromo {margin: 0; ho robala: 0; bonts'a: ka hare; } lebo {cursor: pointer; } / * Sekolo se Tloaelehileng * / .clear {hlakisa: bobeli; } .floatLeft {float: ka ho le letšehali; } .floatRight {float: ho le letona; } .textLeft {text-align: ho le letšehali; } .textRight {text-align: ho le letona; } .textCenter {text-align: bohareng; } .textJustify {text-align: lumellana; } .blockCenter {bonts'a: thibela; marginal-left: koloi; marginal-right: auto; } / * hopola ho beha bophara * / .bold {font-boima: bold; } .italic {mokhoa oa feshene: italic; } .underline {text-decoration: tokomane; }. ha e le hantle (karolong e ka letsohong le letšehali: 0; ho robala ka ho le letšehali: 0; } .nomargin {margin: 0; } .nopadding {padding: 0; } .nobullet {lethathamo la mokhoa: ha ho letho; lethathamo-setšoantšo: ha ho letho; }}Sehlooho sa pele sa Jennifer Krynin. E hlophisitsoeng ke Jeremy Girard ka la 10/6/17