Toro-làlana momba ny endriky ny karazan-koditra mitahiry karazana
Rehefa manamboatra tranokala iray avy amin'ny scratch ianao, dia mahagaga ny manomboka amin'ny karazana fototra voafaritra. Tahaka ny manomboka amin'ny lamba maloto sy biriky vaovao. Ny iray amin'ireo olana voalohany atrehin'ny mpamorona ny tranonkala dia samy hafa ny Internet . Ny haben'ny endritsoratra fanalahidy dia tsy mitovy amin'ny sehatra amin'ny sehatra, ny hafaingo ny family font dia tsy mitovy, ny navigateur sasany dia mamaritra margins sy ny fametahana ny vatan'ny marika ary ny hafa tsy, ary dia toy izany. Araho ireo tsy fitovizan-kevitra ireo amin'ny fifehezana ireo fomba amam-panao ho an'ny pejy Internet anao.
CSS sy ny Character Set
Ny zavatra voalohany dia mametraka ny laharan'ny karazan-tsoratra CSS ho utf-8 . Na dia azo inoana fa ny ankabeazan'ireo pejy noforoninao dia nosoratana amin'ny teny Anglisy, ny sasany dia mety hapetraka amin'ny toerana iray - mifanaraka amin'ny fiteny samihafa sy kolontsaina samihafa. Raha toa izy ireo, utf-8 dia manatsotra ny dingana. Ny fametrahana ny endri-tsoratra ao amin'ny takela-taratasy ivelany dia tsy ho loha laharana amin'ny lohan'ny HTTP , fa amin'ny toe-javatra hafa, dia izany.
Mora ny mametraka ny toetra amam-panahy. Ho an'ny laharana voalohany amin'ny antontan-taratasy CSS dia soraty hoe:
@charset "utf-8";Amin'izany fomba izany, raha mampiasa karatra iraisam-pirenena ianao ao amin'ny votoatin'ny votoatim-pejy na ny anaran'ny kilasy sy ID, dia mbola miasa tsara ny tontolon'ny endrika .
Manamboatra ny vatana pejy
Ny zavatra manaraka izay ilàna ny tapa-taratasy fanalahidy dia ny styles to zero margins, padding, ary sisin-tany. Izany dia manome antoka fa ny mpizahatena rehetra dia mametraka ny votoatiny amin'ny toerana iray, ary tsy misy toerana miafina eo amin'ny browser sy ny votoatiny. Ho an'ny ankamaroan'ny tranonkala, dia efa akaiky loatra ny sisin'ny lahatsoratra, saingy zava-dehibe ny manomboka eo mba hahafahana mamorona ny sary sy ny fisehoana ivelany.
html, body {margin: 0px; padding: 0px; border: 0px; }Ampidiro ny haavony na ny loko fanalahidy ho an'ny mainty hoditra ary ny loko fototra afara amin'ny fotsy. Na izany aza dia mety hiova ho an'ny ankabeazan'ny tranonkala, raha manana ireo loko marika napetraka eo amin'ny vatana sy ny HTML ny voalohany dia mahatonga ny pejy ho mora kokoa hamaky sy hiasa.
html, body {color: # 000; background: #fff; }Default Style Styles
Ny haavon'ny fonosana sy ny family font dia zavatra miova miova raha vao mihazona ilay fikandrana fa manomboka amin'ny laha-tahiry font size amin'ny 1 em sy ny fianakaviana font-n'i Arial, Geneva, na hafa sans-serif hafa. Ny fampiasana ems dia mitazona ny pejy ho azo takarina araka izay tratra, ary ny font-sans sansibre dia mora vakina eo amin'ny efijery.
html, body, p, th, td, li, dd, dt {font: 1em Arial, Helvetica, sans-serif; }Mety misy toerana hafa mety hahitanao soratra, saingy ny p , th , td , li , dd , ary dt dia fanombohana tsara amin'ny famaritana ny endritsoratra fototra. Ampidiro ny HTML sy ny vatana raha ny marina, fa maro ny navigateur manapaka ny safidy font raha toa ka mamaritra ny fonosinao amin'ny HTML na ny vatanao.
Headlines
Ny lohatenin'ny HTML dia zava-dehibe ampiasaina mba hanampiana ny rindranasa ao amin'ny tranonkalanao ary aoka ny milina fikarohana hiditra lalindalina kokoa ao amin'ny tranokalanao. Raha tsy misy ny style, dia ratsy tarehy daholo izy rehetra, koa asio endri-tsoratra fototra amin'ny azy rehetra ary mamaritra ny family font sy ny habeo ho an'ny tsirairay.
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; }Tsindrio ny rohy
Ny famolavolana loko ny rohy dia matetika ny ampahany manan-danja amin'ny drafitra, saingy raha tsy mamaritra azy ireo ianao ao amin'ny style de défaut, ny safidy dia ho hadinonao farafaharatsiny iray amin'ny pseudo-kilasy. Ampiasao izy ireo amin'ny fiovàna kely eo amin'ny manga ary manova azy ireo indray mandeha raha manana ny palette ny lokon'ny tranonkala voafaritra.
Raha hametraka ny rohy amin'ny manga manga, dia asio:
- rohy toy ny manga
- nitsidika rohy toy ny manga manga
- Hover rohy toy ny manga manga
- Rohy mavitrika toy ny paler blue
araka ny asehon'ity ohatra ity:
a: rohy {loko: # 00f; } a: nitsidika {loko: # 009; } a: hover {loko: # 06f; } a: active {color: # 0cf; } Amin'ny fanolorana ny rohy amin'ny lozisialy tsy manam-paharoa dia manome antoka fa tsy hanadino ny iray amin'ireo kilasy aho, ary koa mahatonga azy ireo ho kely kokoa noho ny manga, mena ary volomparasy.Firafitra manontolo
Ity ny takelaka feno:
@charset "utf-8"; html, body {margin: 0px; padding: 0px; border: 0px; loko: # 000; background: #fff; } html, body, p, th, td, 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: rohy {loko: # 00f; } a: nitsidika {loko: # 009; } a: hover {loko: # 06f; } a: active {color: # 0cf; }