Aliye, anbake, ak ekstèn fèy papye: Isit la nan sa ou bezwen konnen
Devan devlopman sou sit wèb se souvan reprezante kòm yon tabouje 3-janb. Sa yo pye yo jan sa a:
Janm nan dezyèm sa a poupou, CSS oswa Cascading Style Sheets, se sa nou ap chèche isit la jodi a. Espesyalman, nou vle adrese 3 kalite estil ou ka ajoute nan yon dokiman.
- Styles aliye
- Styles embedded
- Styles ekstèn
Chak nan sa yo kalite Styles CSS gen benefis yo ak dezavantaj, kidonk kite a pran yon gade pi fon nan chak nan yo endividyèlman.
Styles Inline
Styles aliye yo se estil ki ekri dirèkteman nan tag la nan dokiman an HTML. Styles Inline afekte sèlman tag espesifik yo aplike a. Isit la se yon egzanp nan yon style aliye aplike nan yon lyen estanda, oswa jete lank, tag:
Règleman sa a CSS ta vire estanda fondasyon an decoration tèks koupe nan lyen sa a yon sèl. Li pa ta, sepandan, chanje nenpòt lòt lyen sou paj la. Sa a se youn nan limit yo nan style aliye. Depi yo sèlman chanje sou yon atik espesifik, ou ta bezwen fatra HTML ou a ak estil sa yo reyalize yon konsepsyon paj aktyèl. Sa se pa yon pi bon pratik. An reyalite, li se yon sèl etap retire nan jou yo nan "font" Tags ak melanj la nan estrikti ak style nan paj wèb.
Styles aliye tou gen espesifik trè wo.
Sa fè yo trè difisil yo recouvrir ak lòt, ki pa-inline estil. Pou egzanp, si ou vle fè yon sit reponn ak chanje kouman yon eleman sanble nan pwen repo sèten lè l sèvi avèk demann medya , estil alimèt sou yon eleman pral fè sa a trè difisil fè.
Alafen, estil alimèt yo reyèlman sèlman apwopriye lè yo itilize anpil ti kras.
An reyalite, mwen raman janm itilize Styles aliye sou paj m 'yo.
Styles embedded
Stil embedded yo se Styles ke yo entegre nan tèt la nan dokiman an. Stil embedded afekte sèlman baj yo sou paj la yo entegre nan. Yon fwa ankò, apwòch sa a negate youn nan fòs yo nan CSS. Depi chak paj ta gen estil nan la
, si ou te vle fè yon chanjman sitewide, tankou chanje koulè a nan lyen ki soti nan wouj nan vèt, ou ta bezwen fè chanjman sa a sou chak paj, depi chak paj sèvi ak yon fèy style entegre. Sa a se pi bon pase Styles aliye, men yo toujou pwoblèm nan anpil ka.
Stylesheets ki yo ajoute nan la
nan yon dokiman tou ajoute yon kantite siyifikatif nan kòd markup nan paj sa a, ki kapab tou fè paj la pi rèd nan jere nan tan kap vini an.
Benefis nan fòm anblèm entegre se ke chay la imedyatman ak paj la tèt li, olye pou yo mande lòt dosye ekstèn yo dwe chaje. Sa a kapab yon benefis nan yon vitès download ak pèspektiv pèfòmans .
Lyen Style ekstèn
Pifò sou sit entènèt jodi a sèvi ak dra ekstèn ekstèn.Yon estil ki se ekri nan yon dokiman separe ak Lè sa a, tache ak dokiman entènèt divès kalite. Fèy style Ekstèn ka afekte nenpòt dokiman yo atache a, ki vle di ke si ou gen yon sit wèb 20-paj kote chak paj itilize fèy la menm style (sa a se tipikman ki jan li fè), ou ka fè yon chanjman vizyèl nan chak nan paj sa yo pa tou senpleman koreksyon ke fèy style.
Sa fè alontèm sit jesyon pi fasil.
Inconvénient nan fèy style ekstèn se yo ke yo mande paj yo chache ak chaj sa yo dosye ekstèn. Se pa tout paj ap itilize chak style nan fèy CSS la, anpil paj pral chaje yon paj pi gwo CSS pase sa aktyèlman bezwen.
Pandan ke li se vre ke gen yon frape pèfòmans pou dosye CSS ekstèn, li ka sètènman dwe minimize. Reyalis, dosye CSS yo jis dosye tèks, kidonk yo jeneralman pa trè gwo yo kòmanse avèk yo. Si tout sit ou itilize 1 CSS dosye, ou jwenn tou benefis nan dokiman ke yo te kach apre li te okòmansman chaje.
Sa vle di ke ta ka gen yon frape pèfòmans ti tay nan premye paj la kèk vizit, men paj ki vin apre yo pral itilize dosye Cached CSS a, se konsa nenpòt ki frape ta negated. Ekstèn dosye CSS yo se jan mwen bati tout paj m 'yo.