Ny tombony sy ny tsy fahampian-tsakafo ao amin'ny CSS

CSS, na Cascading Style Sheets, dia ampiasaina amin'ny alàlan'ny tranonkala maoderina hampihatra ny mijery sary amin'ny pejy iray. Raha mamorona HTML ny endriky ny pejy ny Javascript ary afaka manitsy ny fitondran-tena ny fijerena ny tranonkala dia ny sehatry ny CSS. Raha ny mikasika ireo karazana ireo, dia matetika izy ireo no ampiasaina amin'ny fampiasana taratasy misy endri-tsoratra ivelany, fa azonao ampiasaina ihany koa ny CSS-styles amin'ny singa tokana tokana, amin'ny fampiasana izay fantatra amin'ny hoe "inline styles."

Ny endri-tsoratra Inline dia CSS-styles izay ampiharina mivantana ao amin'ny HTML's pejy. Misy ny tombony sy ny tsy fahampian-tsakafo amin'ity fomba ity. Voalohany, andeha hojerentsika ny fomba nanoratana ireo karazana ireo.

Ahoana ny fomba hanoratana style style

Mba hamoronana fomba fanoratana CSS, dia manomboka amin'ny fanoratana ny toetra amam-panahinao amin'ny fomba mitovy amin'ny fomba itiavanao amin'ny tapa-taratasy, saingy mila tsipika tokana. Manapaha toetra maro samihafa miaraka amin'ny semikolina toy ny an-dahatsary.

andamosina: #ccc; color: #fff; sisiny: mainty mainty 1px;

Apetraho an'io endri-tsoratra io ao anaty endritsoratra ny singa entina ilainao hatao. Ohatra, raha te hampihatra ity style ity amin'ny fehintsoratra iray ao amin'ny HTML ianao, ity endri-tsoratra ity dia hitovy amin'izany:

Amin'ity ohatra ity, ity fehintsoratra manokana ity dia miseho amin'ny loko mena (izany no hataon'ny #ccc), lahatsoratra mainty (avy amin'ny loko # 000), ary misy sisin-tany mainty 1-pixel manodidina ny lafiny efatra amin'ny fehintsoratra .

Tombontsoa avy amin'ny firaketana an-tsoratra

Misaotra ny cascade of Cascading Style Sheet inline styles dia manana ny laharana ambony na ny mari-pahaizana ao anaty rakitra. Izany dia midika fa hampiharina izy ireo na inona na inona hafa voalaza ao amin'ny stylest extrus (miaraka amin'ny fombafombam-pitenenana izay mety ho endri-javatra izay omena ny! Fanambarana manan-danja io taratasy io, fa tsy zavatra tokony hatao amin'ny toerana famokarana raha azo alaina).

Ireo karazana tokana izay manana toerana ambony kokoa noho ny karazan-tsindrim-peo dia ny fomba amam-panao ampiasain'ireo mpamaky. Raha toa ianao ka sahirana amin'ny fanatsarana ny fanovana dia azonao atao ny manandrana manamboatra style of inline eo amin'ilay singa. Raha toa ka tsy mampiseho ny fomba amam-panao azy ianao, dia fantatrao fa misy zavatra hafa mandeha.

Ny style inline dia mora sy haingana manampy ary tsy mila manahy ny manoratra ny safidy CSS mety ianao satria manampy ny styles mivantana amin'ny singa izay tianao hovaina (io singa io dia manolo tanteraka ny selector izay hosoratanao ao anaty takelaka ivelany ). Tsy mila mamorona antontan-taratasy vaovao iray ianao (toy ny amin'ny takelaka ivelany) na manova singa vaovao eo amin'ny lohan'ny rakitrao (toy ny amin'ny taratasy misy endri-tsoratra). Ampio fotsiny ny toetra amam-panahy izay manan-danja amin'ny saika singa HTML rehetra. Ireo no antony rehetra mety hahatonga anao halaim-panahy hampiasa karazam-pamokarana, saingy tsy maintsy mahatsapa ihany koa ireo tsy fahampiana tena goavana amin'ity fomba fiasa ity ianao.

Ny tsy fahampian-tsakafo

Noho ireo teboka andininy dia izy ireo no voafaritra indrindra ao amin'ny cascade, afaka manararaotra ireo zavatra tsy nirinao izy ireo. Izy ireo ihany koa dia mandà ny iray amin'ireo lafiny matanjaka indrindra amin'ny CSS - ny fahafahana manamboatra pejy maro sy maromaro avy amin'ny tahiry CSS afovoany mba ahafahana manavao ny fanavaozana sy ny fanovana amin'ny fomba hafa.

Raha toa ka tsy mampiasa tari-dàlana an-tsoratra ianao dia hanjary haingana sy henjana ny taratasinao. Izany dia satria tsy maintsy ampidirina amin'ny endritsoratra rehetra izay tianao. Koa raha tianao ny fehintsoratra rehetra azonao hananana ny family font "Arial", dia tsy maintsy ampidirinao amin'ny endritsoratra tsirairay ao amin'ny teboka

ny endri-tsoratra. Izany dia manampy ny fikojakojana ny mombamomba ny mpamorona sy ny famandrihana ny mpamaky satria mila mila manova izany amin'ny pejy rehetra ao amin'ny tranokalanao ianao mba hanova izany font-fianakaviana izany. Raha toa ka mampiasa sehatra iray hafa ianao, dia mety ho afaka manova izany amin'ny toerana iray ianao ary ny pejy tsirairay dia mandray izany vaovao izany.

Fahamarinana, ity dia dingana iray miverina ao amin'ny tranonkala web - averina amin'ny andron'ny tag!

Ny tsy fitovian-tsoa hafa amin'ny fomba an-tsoratra dia ny hoe tsy azo atao ny manamboatra singa pseudo-akanjo miaraka aminy. Ohatra, miaraka amin'ny takelaka ivelany , dia azonao atao ny manamboatra ny lokon'ny marika, ny hover, ny mavitrika, ary ny fifandraisana amin'ny endriky ny endri-tsoratra, saingy miaraka amin'ny style of inline, izay azonao atao dia ny rohy ihany, satria izany no mampiavaka ny style attribute .

Farany, manoro hevitra ny tsy fampiasana endri-tsoratra ho an'ny pejy web-nao ianao satria miteraka olana ary mahatonga ireo pejy ho asa bebe kokoa hihazonana azy. Ny fotoana tokana ampiasaintsika dia ny faniriantsika hanamarina haingana haingana mandritra ny fivoarana. Raha vantany vao mahita azy io tsara ho an'ity singa iray ity isika, dia alefantsika any amin'ny takelaka ivelany.

Lahatsoratra navoakan'i Jennifer Krynin. Edited by Jeremy Girard.