Ahoana no fomba hananganana drafitra fanaka ivelany

Mampiasa tranokala CSS

Ny tranonkala dia endrika mifangaro sy rafitra, ary amin'ny tranonkala amin'izao fotoana izao, dia fomba fanao tsara indrindra ny mitazona ireo lafiny roa amin'ny tranonkala miavaka ireo.

Ny HTML dia efa nomeny foana izay toerana misy ny rafitra misy azy. Tany am-piandohan'ny tranonkala, HTML ihany koa dia nahitana fanazavana momba ny fomba. Ireo singa toy ny tag dia niparitaka nanerana ny code HTML, nampiakatra ny mijery sy ny fahatsapana ny vaovao miaraka amin'ny fampahalalana momba ny rafitra. Ny hetsika nomerao amin'ny aterineto dia nanosika anay hanova ity fomba fanao ity ary hametraka ny fampahalalana rehetra momba ny fomba any CSS na Cascading Style Sheets. Eo am-panaovana ity dingana iray ity, ny tolo-kevitra amin'izao fotoana izao dia ny fampiasanao izay fantatra amin'ny anarana hoe "ravin-taratasy ivelany" ho an'ny filan'ny tranonkalanao.

Ny tombony sy ny fatiantoka momba ny endriky ny endrika ivelany

Ny iray amin'ireo zavatra tsara indrindra momba ny Cascading Style Sheets dia ny azonao ampiasaina mba hitazomana ny tranokalanao manontolo. Ny fomba tsotra indrindra hanaovana izany dia ny mampifandray na mampiditra ny takelaka ivelany . Raha toa ka mampiasa ny taratasy mitovy endrika ivelany ho an'ny pejy tsirairay ao amin'ny tranokalanao ianao, dia azonao antoka fa ny tranonkala rehetra dia hanana fomba mitovy. Azonao atao koa ny manatsotra ny fanovana amin'ny ho avy. Koa satria ny pejy rehetra dia mampiasa ny taratasy faneva ihany koa, ny fiovana rehetra amin'io taratasy io dia hisy fiantraikany amin'ny pejy tsirairay. Tsara kokoa noho ny fanovana ny pejy tsirairay tsirairay!

Tombontsoa ho an'ny takelaka ivelany

  • Afaka mifehy ny fijery sy ny fahatsapana tahirin-kevitra maromaro indray ianao.
    • Tena ilaina izany raha miara-miasa amin'ny ekipa olona ianao hamorona tranonkala. Maro ireo fitsipika arahina dia mety ho sarotra ny hahatsiaro, ary raha toa ianao ka manana torolàlana fanontana printy, dia tsy mahomby sy mavitrika ny mandingana tsy tapaka izany mba hamaritana raha ny format amin'ny ohatra dia hosoratana amin'ny tsipika 12 Arial, na 14 toriteny. Amin'ny fananana ny zava-drehetra amin'ny toerana iray, ary hatramin'io toerana io ihany koa izay ahafahanao miova, afaka manamboatra mora foana ianao.
  • Azonao atao ny mamorona karazan'antatra izay azo ampiasaina amin'ny endritsoratra HTML samihafa .
    • Raha toa ianao ka mampiasa fomba fanoratana maromaro mba hampifantohana ireo zavatra samihafa ao amin'ny pejinao, dia azonao ampiasaina ny toetra ambaran'ny kilasinao izay napetrakao eo amin'ny takela-stylanao mba ahafahana mijery izany sy mahatsapa, fa tsy mamaritra fomba iray manokana ho an'ny tsirairay fanamafisana.
  • Azonao atao ny mamolavola mora foana ny fomba amam-panao.
    • Ny fomba fiasa rehetra azo ampiasaina ho an'ny CSS dia azo ampiasaina amin'ny takelaka ivelany, ary izany dia manome anao fitantanana bebe kokoa sy manatsara ny pejy.

Ny tsy fahampian'ny karazan-damba ivelany

  • Ny takelaka ivelany dia afaka mampitombo ny fotoana anteriora, indrindra raha lehibe loatra izy ireo. Satria ny antontan-taratasin'ny CSS dia antontan-taratasy iray tsy maintsy entina, dia hisy fiantraikany amin'ny fanatanterahana azy io.
  • Ny takelaka ivelany dia mihodina haingana be, satria sarotra ny milaza hoe rehefa misy fomba iray tsy ampiasaina intsony satria tsy esorina rehefa nesorina ilay pejy. Ny fitondran-tena mety amin'ny rakitra CSS dia zava-dehibe, indrindra raha maro ireo olona miasa amin'ny dika mitovy.
  • Raha manana tranonkala tokana monja ianao dia mety tsy ilaina ny manana tahiry ivelany ho an'ny CSS raha tsy manana afa-tsy io pejy tokana io ianao. Maro amin'ireo tombontsoa avy amin'ny CSS ivelany no very rehefa manana tranonkala tokana ihany ianao.

Ahoana no fomba hamoronana drafitra fanaka ivelany

Pejy misy rindrankajy ivelany dia noforonina miaraka amin'ny syntax mitovy amin'ny tahirin-drakitra. Na izany aza, ny zava-drehetra tokony ampidirinao dia ny selector sy ny fanambarana. Tahaka ny ao amin'ny tabilao fanoratana eo amin'ny tahirin-kevitra, ny fehezan-teny momba ny fitsipika dia:

selector {property: value;}

Tehirizo ireo fitsipika ireo ho rakitra an-tsoratra miaraka amin'ny extension .css. Tsy voatery izany, fa fahazarana tsara ny miditra ao, ka afaka mahatsapa avy hatrany ny taratasinao ao anaty lisitra misy azy.

Raha vantany vao manana rakitra taratasy ianao dia mila mampifandray azy amin'ny pejy web anao. Azo atao amin'ny fomba roa izany:

  1. mampitohy
    1. Mba hampifandraisana ny raki-kira, ampiasainao ny marika HTML. Izany dia manana ny anarana rel , karazana ary href . Ny toetoetran'ny rel reletry dia milaza ny zavatra mampifandray anao (amin'ity tranga ity), ny karazana dia mamaritra ny MIME-Type ho an'ny browser, ary ny href no làlana mankany amin'ny .css.
  2. fanafarana
    1. Azonao atao ny mampiasa ny taratasy firaiketam-panafana ao anaty tahadika tahiry eo amin'ny tahirin-tsoratra mba hahafahanao mametraka ny toetoetran'ny rindrankajy ivelany iray raha toa ka tsy mamoaka rakitra manokana. Miantso azy amin'ny fomba iray toy izany ianao amin'ny fiantsoana endri-tsoratra mifandraika aminy, fa tsy maintsy antsoina ao anaty fanambarana iray amin'ny endrika fanoratana. Azonao atao ny manisy endri-tsoratra hafa ivelany, toy ny tokony hitazonana ny tranokalanao.

Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard on 8/8/17