Mpifanaraka vitsivitsy amin'ny CSS mba hanatsarana ny vitan'ny lany
Ny fahombiazana dia singa manan-danja amin'ny tranonkala mahomby. Ny tranonkala dia tokony hahomby amin'ny fampiasana sary an-tserasera . Izany dia hanampy amin'ny fanamafisana tsara fa ny tranonkala dia manao tsara ho an'ny mpitsidika ary mameno haingana ny fitaovany. Ny fahavitrihana dia tokony ho ampahany amin'ny dingana amin'ny ankapobeny ihany koa, manampy anao hitazona ny fivoaran'ny vohikala amin'ny fotoana sy amin'ny teti-bola.
Amin'ny farany, ny fahaiza-manao dia mitana anjara toerana lehibe amin'ny sehatry ny famoronana sy ny fahombiazan'ny fahari-po, ary ao anatin'izany ireo karazan-taratasy nosoratana ho an'ny takelaka CSS. Ny fahafahana mamorona dia mora kokoa, madio kokoa ny rakitra CSS dia tsara, ary iray amin'ireo fomba ahafahanao manatratra izany dia ny fitambaran'ireo vondrona CSS maromaro.
Mpifidy
Rehefa mifampizara singa CSS ianao, dia ampifandraisinao ireo singa mitovy amin'ny singa maromaro samihafa raha tsy mamerina mamolavola ireo style ao amin'ny taratasy fanoratanao. Raha tokony handany fitsipika roa na telo na mihoatra ny CSS rehetra, dia manao toy izany koa ny zavatra rehetra (ohatra, mametraka ny loko amin'ny zavatra mena), manana fitsipika CSS tokana izay manatanteraka ny pejy ianao.
Misy antony maromaro mahatonga ny "vondrona voafidy" hahazoana pejy iray. Voalohany, ny lanjan-tarehy dia ho kely kokoa ary haingana kokoa haingana. Raha ny marina, ny lamba taratasy dia tsy iray amin'ireo mpitsoa-ponenana lehibe indrindra rehefa misy toerana mora miova. Ny rakitra CSS dia rakitra an-tsoratra, ka na dia lava dia lava be aza ny CSS dia kely, ny haben'ny rakitra, raha ampitahaina amin'ny sary tsy mety. Na izany aza, ny sasantsasany tsirairay dia manisa, ary raha afaka manaratra ny habeo amin'ny CSS ianao ary mamerina ireo pejy izay haingana kokoa, izany dia zavatra tsara foana atao.
Amin'ny ankapobeny, mihoatra ny 3 segondra ny haavon'ny latsaky ny entana ho an'ny tranokala; 3 ka hatramin'ny 7 segondra dia eo ho eo, ary mihoatra ny 7 segondra dia miadana loatra. Ireo tarehimarika ambany dia midika fa, mba hahatratrarana azy ireo amin'ny tranokalanao dia mila manao izay vitanao ianao! Izany no mahatonga anao hitazona haingana ny tranokalanao amin'ny alàlan'ny fifantenana CSS voafidy.
Ahoana ny fikaonan'ny sokajy CSS
Hanambatra ny vondrona CSS mifamatotra amin'ny taratasy firaiketan-tserasera, mampiasa kômasy ianao mba hampisarahana ireo singa maromaro vitsivitsy amin'ny fomba. Ao amin'ny ohatra etsy ambany, ny endriky ny fiantraikany amin'ny singa p sy div:
div, p {color: # f00; }Ny dikanteny dia midika hoe "ary". Noho izany dia mihatra amin'ireo singa rehetra andalana rehetra ao amin'ny andiam-paritra rehetra io fifantenana io. Raha tsy hita ilay komity, dia mety ho ny singa faratampony rehetra izay zanaky ny fizarana. Izany dia karazana sela tena samihafa, noho izany dia manova ny dikan'ny selector io komity io!
Ny endri-pifidianana rehetra dia azo alahatra miaraka amin'ny safidy hafa. Amin'ity ohatra ity, ny mpikaroka iray dia voafantina miaraka amin'ny solosaina ID:
p.red, #sub {color: # f00; }Izany fomba izany dia mihatra amin'ny fehintsoratra rehetra miaraka amin'ny sariohatry ny "mena", ary ny singa rehetra (satria tsy nanondro izay karazana) izay manana toetra ofisialin'ny "sub".
Azonao atao ny miara-mikambana isa maromaro amin'ny fifantenana, ary ao anatin'izany ny mpandidy izay teny tokana sy sifidianana. Ity ohatra dia ahitana singa efatra samihafa:
p, .red, #sub, div a: rohy {loko: # f00; }Noho izany ity fitsipika CSS ity dia ampiharina amin'ireto manaraka ireto:
- Ny elanelan'ny paragrafy
- Ny singa rehetra misy ny "mena"
- Ny singa rehetra misy ID "sub"
- Ny "rohy" kilasim-pseudo ny endriky ny vatofantsika izay mahaforona ny fizarana.
Ity selector farany ity dia fifidianana voafetra. Hitanao fa mora mifampiankina amin'ireo mpifidy hafa amin'ity fitsipika CSS ity. Amin'io fitsipika io dia mametraka ny loko ny # f00 (izay mena) amin'ireo sokajy 4 ireo isika, izay tianay kokoa ny manoratra 4 mpitsidika samirery mba hahatratrarana ny vokatra mitovy.
Ny tombony iray hafa amin'ny fifidianana dia ny, raha mila manova ianao, dia afaka manova fitsipika tokana CSS fa tsy maromaro. Midika izany fa ity fomba fitsangatsanganana ity dia mamonjy anao ny lanjany sy ny fotoana anananao mba hitazonana ilay tranonkala amin'ny ho avy.
Afaka mifidy ny Selector
Araka ny hitanao avy amin'ireo ohatra etsy ambony ireo, misy sari-dalana azo antoka dia azo apetraka ao anaty vondrona, ary ny singa rehetra ao amin'ilay antontan-taratasy izay mifanandrify amin'ireo singa mifangaro rehetra dia hanana mitovy fomba fanao mitovy amin'izany.
Ny olona sasany dia tia manisy lisitra ireo singa mifangaro amin'ny sehatra samihafa ho an'ny famaritana ao amin'ny code. Ny fisehoan-javatra ao amin'ny tranokala sy ny haingam-pandeha dia mitoetra ho mitovy. Azonao atao, ohatra, ny mampifangaro ny karazan-tsindrim-piraketan-tsindrim-piraketana amin'ny karazana iray ao anaty andalana iray:
th, td, p.red, div # firstred {loko: mena; }
na azonao atao ny manisa ny fomba amam-panazavana ho an'ny tsirairay:
faha,
TD,
p.red,
DIV # firstred
{
loko: mena;
}
Ny fomba iray ampiasainao hanangona votoatin'ny CSS maro dia haingana kokoa ny tranokalanao ary mahatonga azy io ho mora kokoa amin'ny fitantanana ireo fomba amam-potoana.
Lahatsoratra niavian'i Jennifer Krynin. Edited by Jeremy Girard on 5/8/17.