Ki gen ladan kòmantè nan kòd CSS ou a itil ak trè rekòmande.
Chak sit entènèt se te fè leve nan eleman estriktirèl (ki yo dikte pa HTML) osi byen ke style la vizyèl oswa "gade ak santi" nan sit sa a. Cascading Style Sheets (CSS) yo se sa ki itilize yo dikte aparans la vizyèl nan yon sit entènèt. Estil sa yo yo kenbe separe de estrikti HTML la pou pèmèt pou fasilite à ak aderans a estanda entènèt.
Ak gwosè a nan konpleksite nan sit entènèt anpil jodi a, dra fèy style ka byen vit vin byen long ak anpil ankonbran nan travay avèk yo. Sa a se laverite espesyalman lè ou kòmanse ajoute nan demann medya pou Styles sit entènèt reponn . Moun sa yo ki demann medya pou kont li ka ajoute yon kantite siyifikatif nan estil nouvo nan yon dokiman CSS ak fè li menm pi difisil yo travay avèk yo. Sa a se kote kòmantè CSS ka vin yon èd anpil valè sou yon sit entènèt.
Ajoute kòmantè nan dosye CSS yon sit entènèt la se yon bon fason yo ajoute estrikti nan seksyon nan kòd sa a pou yon lektè moun ki ap revize dokiman an. Li se tou yon metòd bèl bagay pou eksplike sa yo Styles pou yon pwofesyonèl entènèt ki ka gen nan travay sou sit la nan lavni an - ki gen ladan tèt ou!
Nan fen a, smartly te ajoute kòmantè CSS pral fè yon fèy style pi fasil yo travay. Sa a se, tout bon, enpòtan pou fèy papye ki pral edited pa ekip yo. Kòmantè ka itilize yo kominike aspè enpòtan nan fèy la style nan manm diferan nan ekip la ki pa ka abitye avèk kòd la deja. Kòmantè sa yo kapab tou trè itil pou moun ki te travay sou sit la anvan yo si yo jwenn tounen nan kòd la apre yo fin lwen li pou kèk tan. Mwen te souvan te modifye yon sit entènèt mwen bati mwa oswa menm ane de sa epi ki gen fòma byen fòma nan HTML la ak CSS se trè akeyi èd! Sonje, jis paske ou bati yon sit pa vle di ou pral sonje poukisa ou te fè bagay sa yo ou te fè lè ou retounen nan sit sa a nan lavni an! Kòmantè ka fè entansyon ou klè ak klè moute nenpòt enkonpreyansyon yo anvan yo menm rive.
Yon bagay yo konprann sou kòmantè CSS se ke yo pa parèt lè paj la rann nan navigatè entènèt. Moun sa yo ki kòmantè yo se sèlman enfòmasyon, jis tankou kòmantè HTML yo (byenke sentaks la se diferan ant de la). Kòmantè sa yo CSS pa afekte ekspozisyon vizyèl la nan yon sit nan nenpòt fason epi yo senpleman prezan nan kòd la tèt li.
Ajoute CSS Kòmantè
Ajoute yon kòmantè CSS se byen fasil. Ou tou senpleman anbake kòmantè ou a ak ouvèti ki kòrèk la ak Tags kòmantè kòmantè:
- Kòmanse kòmantè ou pa ajoute / *
- Fèmen kòmantè ou pa ajoute * /
Nenpòt bagay ki parèt ant de sa yo Tags yo pral kontni an nan kòmantè a, vizib sèlman nan kòd la epi yo pa rann pa navigatè a.
Yon kòmantè CSS kapab yon liy sèl, oswa li ka pran plizyè liy. Isit la nan yon egzanp sèl liy:
div # border_red {fontyè: mens solid wouj; } / * egzanp wouj fwontyè * /Ak yon egzanp multiline:
/ *************************** ********************** ****** Style pou tèks kòd **************************** ************ *************** /Breaking Sections
Youn nan fason yo souvan itilize CSS kòmantè se yo òganize fèy style mwen an nan pi piti, fragman pi fasil koud. Mwen renmen pou kapab fasilman wè seksyon sa yo lè mwen peruse dosye a pita. Pou fè sa, mwen souvan ajoute kòmantè ak anpil sifas nan yo pou ke yo bay gwo, repo evidan nan paj la ki fasil yo wè jan mwen byen vit woulo liv nan kòd la. Isit la se yon egzanp:
/ * ----------------------- Header Styles ----------------------- ------- * /Lè mwen wè youn nan kòmantè sa yo nan kòd mwen an, mwen konnen li se kòmansman yon nouvo seksyon nan dokiman sa a, sa ki pèmèt m 'nan pi fasil pwosesis ak itilize kòd la.
& # 34; Kòmantè Out & # 34; Kòd
Tags Tags yo kapab itil tou nan pwosesis aktyèl la nan kodaj ak debogaj yon paj. Kòmantè yo ka itilize pou "fè kòmantè" oswa "fèmen" zòn kòd sa a pou wè sa k ap pase si seksyon sa a pa yon pati nan paj la.
Se konsa, kouman fè travay sa a? Oke, paske tags yo kòmantè di navigatè a inyore tout bagay ant yo, ou ka itilize yo tanporèman enfim sèten pati nan CSS kòd. Sa a ka sou la men lè debogaj, oswa lè ajiste fòma paj entènèt.
Pou fè sa, ou ta tou senpleman ajoute tag nan kòmantè ouvèti ki kote ou vle kòd la kòmanse ke yo te enfim ak Lè sa a, mete ki fini tag kote ou vle pòsyon ki enfim nan fen. Tout ant sa yo Tags pa pral afekte ekspozisyon an vizyèl nan yon sit, ki pèmèt ou deba CSS la yo wè kote yon pwoblèm ka rive. Ou ka Lè sa a, ale nan epi ranje jis pwoblèm sa a epi retire kòmantè sa yo soti nan kòd la.
CSS Kòmantè Konsèy
Kòm yon rapèl, isit la se kèk konsèy pou w sonje pou w itilize kòmantè nan CSS ou:
- Kòmantè ka span liy miltip.
- Kòmantè ka gen ladan eleman CSS ke ou pa vle rann pa yon navigatè, men se pa vle efase konplètman. Sa a se yon fason bèl nan debug fèy papye style yon sit entènèt la - jis asire w ou retire estil ki pa itilize (kòm opoze a kite yo kòmante soti) si ou deside ou pa bezwen yo sou sit entènèt la
- Itilize kòmantè chak fwa ou ekri konplike CSS pou ajoute klarifikasyon ak enfòme devlopè lavni, oswa tèt ou nan lavni an, sou bagay enpòtan yo ta dwe konnen. Sa pral ekonomize tan devlopman nan lavni pou tout moun ki patisipe yo.
- Kòmantè kapab genyen tou enfòmasyon meta tankou:
- otè
- dat ki te kreye
- enfòmasyon sou copyright
Pèfòmans
Kòmantè ka sètènman ka itil, men ou dwe konnen ke plis kòmantè yo ou ajoute nan yon fèy style, heftier a li pral vin, ki pral afekte vitès telechaje yon sit la ak pèfòmans. Sa a se yon enkyetid reyèl, men ou pa ta dwe ezite ajoute kòmantè itil ak lejitim pou pè ke pèfòmans yo ap soufri. Liy nan CSS pa ajoute gwosè sibstansyèl nan yon dokiman. Ou ta bezwen ajoute TONS nan liy nan kòmantè fè yon enpak siyifikatif sou gwosè a nan dosye a CSS. Ajoute yon ti ponyen nan kòmantè itil nan CSS ou pa ta dwe ba ou yon nèt enpak negatif sou vitès paj.
Nan fen a, ou pral vle jwenn balans lan ant kòmantè itil ak twòp kòmantè yo ka resevwa benefis ki genyen nan tou de nan dokiman CSS ou.
Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 7/5/17