Ki sa ki Cascading Dra Drache?
Sit entènèt yo konpoze de yon kantite moso endividyèl, ki gen ladan imaj, tèks, ak dokiman divès kalite. Dokiman sa yo pa sèlman gen ladan yo ke yo ka lye nan paj divès kalite, tankou dosye PDF, men tou, dokiman yo ke yo te itilize yo konstwi paj yo tèt yo, tankou dokiman HTML detèmine estrikti a nan yon paj ak CSS (Cascading Style Sheet) dokiman yo dikte gade nan yon paj. Atik sa a pral fouye nan CSS, ki kouvri sa li ye ak ki kote li itilize sou sit entènèt jodi a.
Yon leson istwa CSS
CSS te premye devlope an 1997 kòm yon fason pou devlopè entènèt defini aparans vizyèl nan paj wèb yo ke yo te kreye. Li te gen entansyon pèmèt pwofesyonèl wèb yo separe kontni an ak estrikti nan kòd yon sit entènèt la soti nan konsepsyon vizyèl la, yon bagay ki pa te posib anvan lè sa a.
Separasyon nan estrikti ak style pèmèt HTML fè plis nan fonksyon an ke li te orijinal ki baze sou - markeup nan kontni, san yo pa gen enkyete sou konsepsyon an ak layout nan paj la tèt li, yon bagay ki souvan ke yo rekonèt kòm "gade nan epi santi w" nan paj la.
CSS pa t 'jwenn nan popilarite jiskaske 2000, lè navigatè entènèt yo te kòmanse lè l sèvi avèk plis pase font ak koulè aspè nan sa a markeup lang. Jodi a, tout navigatè modèn sipòte tout CSS Nivo 1, pi fò nan CSS Nivo 2, e menm pi aspè nan CSS Nivo 3. Kòm CSS ap kontinye evolye ak estil nouvo yo prezante, navigatè entènèt yo te kòmanse aplike modil ki pote nouvo CSS sipò nan sa yo navigatè epi bay konsèpteur entènèt pwisan zouti manier nouvo nan travay avèk yo.
Nan (anpil) ane sot pase, te gen konsèpteur entènèt chwazi ki refize sèvi ak CSS pou konsepsyon an ak devlopman nan sit wèb, men sa pratik se tout, men ale nan endistri a jodi a. CSS se kounye a yon estanda lajman itilize nan konsepsyon sit entènèt epi ou ta difisil bourade jwenn nenpòt moun k ap travay nan endistri a jodi a ki pa t 'gen omwen yon konpreyansyon debaz nan lang sa a.
CSS se yon abrevyasyon
Kòm mansyone deja, CSS la tèm vle di pou "Cascading Style Fèy." Ann kraze fraz sa a desann yon ti jan pi byen eksplike sa dokiman sa yo fè.
Mo "fèy style" refere a dokiman an tèt li (tankou HTML, CSS dosye yo se reyèlman jis dokiman tèks ki ka edited ak varyete pwogram). Paj Style yo te itilize pou konsepsyon dokiman pou anpil ane. Yo se espesifikasyon teknik yo pou yon layout, si wi ou non enprime oswa sou entènèt. Konsèpteur ekri an lèt detache gen tan itilize fèy papye style asire ke desen yo yo enprime egzakteman ak espesifikasyon yo. Yon fèy style pou yon paj wèb sèvi menm objektif la, men ak fonksyonalite a te ajoute tou di navigatè wèb la ki jan yo rann dokiman an yo te wè. Jodi a, dra CSS style kapab tou itilize demann medya yo chanje fason yon paj sanble pou aparèy diferan ak gwosè ekran . Sa a se ekstrèmman enpòtan depi li pèmèt yon sèl HTML dokiman yo dwe rann yon lòt jan selon ekran an ke yo te itilize jwenn aksè nan li.
Cascade se pati reyèlman espesyal nan tèm "fèy style kaskad" la. Yon fèy estil entènèt gen entansyon cascade atravè yon seri de estil nan ki fèy, tankou yon rivyè sou yon kaskad. Dlo a nan gwo larivyè Lefrat la frape tout wòch yo nan kaskad a, men se sèlman sa yo nan pati anba a afekte egzakteman ki kote dlo a ap koule. Menm bagay la tou se kaskad la nan fèy papye style sit entènèt.
Chak paj entènèt ki afekte nan omwen yon fèy style, menm si designer wèb la pa aplike nenpòt estil. Sa a fèy style se fèy itilizatè style ajan - ke yo rele tou estil yo default ke navigatè wèb la ap itilize yo montre yon paj si pa gen okenn enstriksyon lòt yo bay. Pou egzanp, pa default Hyperlinks yo estile nan ble e yo souliye. Moun sa yo ki Styles soti nan fèy default default navigatè entènèt la. Si designer entènèt la bay lòt enstriksyon, sepandan, navigatè a ap bezwen konnen ki enstriksyon gen priyorite. Tout navigatè gen pwòp estil default yo, men anpil nan sa yo défaut (tankou lyen yo ble tèks souliye) yo pataje atravè tout oswa pi navigatè pi gwo ak vèsyon.
Pou yon lòt egzanp nan yon navigatè default, nan navigatè entènèt mwen an, font la default se " Times New Women " parèt nan gwosè 16. Prèske Pa gen yonn nan paj sa yo mwen vizite ekspozisyon nan ki fanmi font ak gwosè, sepandan. Sa a se paske kaskad la defini ke fèy papye yo style dezyèm, ki fè yo mete nan konsèpteur yo tèt yo, nan redéfinir gwosè a font ak fanmi, dépassement défaut entènèt navigatè mwen an. Nenpòt papye style ou kreye pou yon paj entènèt pral gen plis espesifik pase estil default yon navigatè a, se konsa moun défaut yo pral aplike sèlman si fèy style ou pa pase sou yo. Si ou vle lyen yo dwe ble ak souliye, ou pa bezwen fè anyen depi ke se default a, men si dosye CSS sit ou an di ke lyen yo ta dwe vèt, ki koulè pral pase sou deye ble a default. Ankadreman an ap rete nan egzanp sa a, depi ou pa te presize otreman.
Ki kote CSS itilize?
CSS ka itilize tou pou defini kijan paj wèb yo ta dwe gade lè yo wè nan lòt medya pase yon navigatè entènèt. Pou egzanp, ou ka kreye yon fèy style ekri an lèt detache ki pral defini kijan paj wèb la ta dwe enprime soti. Paske atik paj paj tankou bouton navigasyon oswa fòm entènèt pap gen okenn objektif sou paj enprime a, yo ka itilize yon "Style Style Print" pou "fèmen" zòn sa yo lè yon paj enprime. Pandan ke se pa reyèlman yon pratik komen sou sit anpil, opsyon a yo kreye drapo style ekri an lèt detache se pwisan ak atire (nan eksperyans mwen - pi pwofesyonèl entènèt pa fè sa tou senpleman paske dimansyon yon sit la nan bidjè pa rele pou travay sa a anplis yo dwe fè ).
Poukisa se CSS ki enpòtan?
CSS se youn nan zouti ki pi pwisan yon designer entènèt ka aprann paske ak li ou ka afekte aparans la tout vizyèl nan yon sit entènèt. Oke ekri sou papye style yo ka mete ajou byen vit epi pèmèt sit yo chanje sa ki priyorite vizyèlman sou ekran an, ki an vire montre valè ak konsantre nan vizitè, san yo pa nenpòt ki chanjman ki bezwen yo dwe fè nan markup a HTML kache.
Defi prensipal la nan CSS se ke gen byen yon ti jan yo aprann - ak navigatè chanje chak jou, sa ki travay byen jodi a pa ka fè sans demen kòm nouvo estil vin sipòte ak lòt moun yo tonbe oswa tonbe soti nan favè pou yon rezon oswa yon lòt .
Paske CSS ka kaskad ak konbine, ak konsidere ki jan navigatè diferan ka entèprete ak aplike direktiv yo yon fason diferan, CSS ka pi difisil pase plain HTML mèt. CSS tou chanjman nan navigatè nan yon fason ki HTML vrèman pa fè sa. Yon fwa ou kòmanse lè l sèvi avèk CSS, sepandan, ou pral wè ke exploiter pouvwa a nan dra style pral ba ou enkwayab fleksibilite nan ki jan ou paj wèb Layout ak defini gade yo epi yo santi. Tout wout la, ou pral rasanble yon "sak nan ke trik" nan estil ak apwòch ki te travay pou ou nan tan lontan an ak ki ou ka ale nan ankò jan ou bati nouvo paj nan tan kap vini an.
Original atik pa Jennifer Krynin. Edited by Jeremy Girard sou 7/5/17,