Ahoana ny fampidirana fanehoan-kevitra CSS

Ny fampidirana fanehoan-kevitra ao amin'ny codec CSS dia tena ilaina sy tena ankasitrahana.

Ny tranonkala tsirairay dia ahitana singa mifototra amin'ny rafitra (izay aseho amin'ny HTML) ary koa ny endrika sary na "mijery sy mahatsapa" an'io tranonkala io. Ny Cascading Style Sheets (CSS) no ampiasaina handikana ny endrik'ity tranonkala ity. Ireo endriky ireo dia voatahiry amin'ny rafitra HTML mba ahafahana manamaivana ny fanavaozana sy ny fanarahana ny fenitra amin'ny Internet.

Miaraka amin'ny habetsahan'ny habetsahan'ny tranonkala maro amin'izao fotoana izao, dia mety ho lasa lava be sy vaky vava ny labozia. Tena marina izany raha manomboka manampy amin'ny fangatahana media ho an'ny tranonkala malaza ianao . Ireo filoham-baovaon'olon-dry zareo irery dia afaka manampy tranga vaovao hafa amin'ny antontan-taratasy CSS ary mahatonga azy io ho sarotra kokoa hiarahana miasa. Ity ny valintenin'i CSS dia mety ho lasa fanampiana tena sarobidy ao amin'ny tranonkala iray.

Ny fametrahana fanehoan-kevitra ao amin'ny rakitra CSS an'ny tranokala dia fomba lehibe hanamboarana rindranasa ho an'ny mpamaky iray izay mamerina ny rakitra. Izany koa dia fomba mahavariana hanazavana ireo karazana ho an'ny mpikaroka amin'ny tranonkala izay mety mila miasa amin'ny tranokalany amin'ny hoavy - anisan'izany ny tenanao!

Amin'ny farany, ny fanehoan-kevitra saro-pady nataon'i CSS dia hahamora kokoa ny fizotry ny endriny. Izany dia tena zava-dehibe amin'ny lisitry ny tabilao izay hohavaozin'ny ekipa. Ny fanehoan-kevitra dia azo ampiasaina hampitana ny lafiny manan-danja amin'ny loko styl an'ny mpikambana hafa ao amin'ny ekipa izay mety tsy mahazatra ny code efa efa. Ireo fanehoan-kevitra ireo dia mety ho tena manampy tokoa ho an'ireo olona niasa tao amin'ny tranokala taloha raha toa ka tafiditra ao amin'ilay code izy ireo rehefa avy eo mandritra ny fotoana fohy. Matetika aho no voatery hanova tranokala iray natsangana volana na efa taona maro lasa izay ary manana fanehoan-kevitra tsara ao amin'ny HTML sy CSS dia tena manampy tokoa! Tsarovy fa noho ny fananganana tranonkala iray dia tsy midika izany fa hahatsiaro ny antony nanaovanao ny zavatra nataonao rehefa miverina ao amin'ilay tranokala amin'ny ho avy ianao! Ny fanehoan-kevitra dia afaka manazava ny eritreritrao sy manala ny tsy fahazoan-kevitra rehetra alohan'ny hitrangany.

Zavatra iray azonao an-tsaina momba ny tsetsatsetsa CSS dia ny tsy nampisehoana azy ireo rehefa mijery ny pejy ao anaty tranonkala. Ireo fanehoan-kevitra ireo dia ny fampahalalam-baovao, toy ny fanehoan-kevitra HTML ihany (na dia tsy mitovy aza ny fampiasana azy roa). Ireo fanehoan-kevitra CSS ireo dia tsy misy fiantraikany amin'ny fampisehoana ny tranonkala amin'ny fomba rehetra ary hita ao amin'ny fehezan-dalàna ihany.

Fampidirana CSS Comments

Ny fametrahana fanehoan-kevitra CSS dia mora. Vonoinao fotsiny ny fanehoan-kevitrao amin'ny fanokafana sy fanakanana fanamarihana mazava:

Ny zavatra rehetra miseho eo amin'ireo famantarana roa ireo dia ny votoatin'ny fanehoan-kevitra, hita ao amin'ny code ary tsy navoakan'ny navigateur.

Ny fanehoan-kevitra CSS dia mety ho andalana tokana, na afaka manapaka tsipika maromaro. Ity misy ohatra iray misy tsipika:

div # border_red {border: thin solid red; } / * rindrina mena ohatra * /

Ary ohatra marobe:

/ ************************** ********************** ****** Style for code text **************************** ************ *************** /

Zarao ny fizarana

Ny iray amin'ireo fomba izay matetika ampiasako ny tsetsatsetsa CSS dia ny handamina ny endriky ny endriky ny taratasy kely amin'ny kibay kely kokoa sy mora vaky. Tiako ny mahita ireo sehatra ireo mora foana rehefa manararaotra ny rakitra aty aoriana. Mba hanaovana izany, matetika aho dia mametraka fanehoan-kevitra amin'ny tebiteby marobe ao aminy mba hanomezany fialantsiny lehibe sy mazava eo amin'ny pejiny mora jerena rehefa miresaka haingana ny code aho. Ity misy ohatra iray:

/ * ----------------------- Header Styles ----------------------- ------- * /

Raha mahita ny iray amin'ireto fanamarihana ireto aho dia fantatro fa ny fanombohan'ny sehatra vaovao amin'ity rakitra ity, mamela ahy handamina mora kokoa sy hampiasa ny code.

& # 34; Commenting Out & # 34; Code

Ny teny fanehoan-tsetsa koa dia mety ho ilaina amin'ny dingan'ny famandrihana sy ny famoahana pejy. Ny fanehoan-kevitra dia azo ampiasaina mba "haneho hevitra" na "fetezana" ny faritr'io fehezan-dalàna io mba hahitana izay hitranga raha tsy ampahany amin'ny pejy io fizarana io.

Ahoana àry no anaovany an'izany? Eny, satria ny tenifototra milaza ny navigateur dia tsy miraharaha ny zava-drehetra eo anelanelan'izy ireo, dia azonao ampiasaina izy ireo mba hialana vetivety amin'ny ampahany sasan'ny CSS code. Azo ampiasaina amin'ny famoahana izany, na amin'ny fanitsiana ny rindrambaikon'ny pejy Internet.

Mba hanaovana izany, dia ampidiro fotsiny ny fanehoan-kevitra fanombohana ahafahanao mandefa ny code mba hanomboka ny kilemaina ary mametraha ilay marika farany izay tianao hipoitra ny tapany kilemaina. Ny zava-drehetra eo amin'ireo marika ireo dia tsy hisy fiantraikany amin'ny fampisehoana ny tranonkala iray, mamela anao handefa ny CSS hahitana hoe aiza ny olana mety hitranga. Afaka miditra ianao ary mamaha izany olana izany ary manaisotra ireo fanehoan-kevitra avy amin'ny code.

CSS fanehoan-kevitra

Ho fampahatsiahivana, dia ireto misy torohevitra vitsivitsy tokony hotsaroana amin'ny fampiasana fanehoan-kevitra ao amin'ny CSS anao:

  1. Ny fanehoan-kevitra dia afaka mamaritra andalana maro.
  2. Ny fanehoan-kevitra dia mety ahitana ny singa CSS izay tsy tadiavinao amin'ny alalan'ny navigateur, saingy tsy te hamafa tanteraka. Ity dia fomba tsara handrodana ny taratasy firaketana vohikala iray amin'ny tranokala - azafady fotsiny ny manala ireo karazan-tsoa tsy ampiasaina (raha manohitra azy ireo amin'ny fanehoan-kevitra) raha manapa-kevitra ianao fa tsy mila azy ao amin'ny tranonkala
  3. Mampiasà fanehoan-kevitra isaky ny manoratra CSS sarotra mba hampiakatra fanazavana sy hampahafantarana ny mpandrindra ho avy, na ny tenanao amin'ny ho avy, momba ny zavatra manan-danja tokony ho fantany. Izany dia hamonjy fotoana ho an'ny fampandrosoana ho an'ny mpandray anjara rehetra.
  4. Ny fanehoan-kevitra dia mety ahitana fampahalalana meta toy ny:
    • mpanoratra
    • daty noforonina
    • copyright information

Performance

Ny valiny dia azo antoka fa hanampy azy, kanefa aoka ho fantatrao fa ny fanehoan-kevitra bebe kokoa ampidirinao amin'ny taratasy fanoratana, ny mpikapa dia ho lasa, izay hisy fiantraikany amin'ny haingam-pandeha sy ny fahombiazan'ny tranonkala. Tena mampanahy izany, fa tsy tokony hisalasala hanampy valiny mahasoa sy ara-drariny ianao noho ny tahotra fa hijaly ny fahombiazany. Ny tebiteby ao amin'ny CSS dia tsy mampiova be ny rakitra. Tokony hampidirinao amin'ny TONS of fanehoan-kevitra ny fanamarihana mba hampisy fiantraikany lehibe amin'ny haben'ny rakitra CSS. Ny fametrahana fanehoan-kevitra mahasoa vitsivitsy ao amin'ny CSS dia tsy tokony hanome fiantraikany ratsy eo amin'ny haavon'ny pejy ianao.

Amin'ny farany dia te-hahita ny fifandanjana misy eo amin'ireo fanehoan-kevitra mahasoa sy fanehoan-kevitra marobe ianao mba hahazoana ny tombontsoa avy amin'ny antontan-taratasy CSS.

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