CSS, aŭ Cascading Style Sheets, estas kio estas uzata en moderna retejo-dezajno por apliki la vidan aspekton al paĝo. Dum HTML kreas la strukturon de la paĝo kaj Javascript povas manipuli kondutojn, la aspekto kaj sento de retejo estas la regado de CSS. Kiam ĉi tiuj stiloj temas, ili plej ofte aplikiĝas per eksteraj stilo, sed vi ankaŭ povas apliki CSS-stilojn al unuopa specifa elemento per kio estas nomataj "inline stiloj".
Inline stiloj estas CSS-stiloj, kiuj aplikiĝas rekte en la paĝo de la HTML. Estas ambaŭ avantaĝoj kaj malavantaĝoj al ĉi tiu aliro. Unue, ni rigardu ĝuste kiel ĉi tiuj stiloj estas skribitaj.
Kiel skribi Inline Stilon
Por krei inline CSS-stilon, vi komencas per skribado de via stilo propraĵo simila al kiel vi volas en stila folio, sed ĝi devas esti ĉiuj unu linio. Apartigu multoblajn proprietojn kun punktokomo nur kiel vi volas en stilo-folio.
fono: #ccc; koloro: #fff; limo: solida nigra 1px;
Metu tiun linion de stiloj ene de la stilo atributo de la elemento, kiun vi volas esti stiligita. Ekzemple, se vi volis apliki ĉi tiun stilon al alineo en via HTML, tiu elemento aspektus tiel:
En ĉi tiu ekzemplo, ĉi tiu aparta alineo aperos kun luma griza fono (tio estas, kion #ccc redonus), nigra teksto (el la nombro de koloro), kaj kun 1-piksa solida nigra limo ĉirkaŭ ĉiuj kvar flankoj de la paragrafo .
Avantaĝoj de Inline Stiloj
Danke al la akvofalo de kalkulataj Stiloj Folioj enlinaj stiloj havas la plej altan prioritaton aŭ specifecon en dokumento. Ĉi tio signifas, ke oni aplikos ilin, kio ajn diktas en via ekstera stilfolio (kun la escepto, estante iuj stiloj, kiuj estas donitaj al la grava deklaro de tiu folio, sed ĉi tio ne estas io, kio devus esti farita en produktadaj ejoj, se ĝi estas povas eviti).
La nuraj stiloj, kiuj havas pli altan precedencon ol inlinaj stiloj, estas uzaj stiloj, aplikitaj de la samaj legantoj. Se vi havas problemojn por apliki viajn ŝanĝojn, vi povas provi agordi enlinan stilon sur la elemento. Se vi stiloj ankoraŭ ne montras uzante inlinean stilon, vi scias, ke ekzistas io alia.
Inlinaj stiloj estas facilaj kaj rapidaj aldoni kaj vi ne bezonas zorgi pri skribi la taŭgan CSS-elektilon ĉar vi aldonas la stilojn rekte al la elemento, kiun vi volas ŝanĝi (tiu elemento esence anstataŭas la elektilon, kiun vi skribus en ekstera stilo-folio ). Vi ne bezonas krei tutan novan dokumenton (kiel kun ekstera stilo-folioj) aŭ redakti novan elementon en la kapo de via dokumento (kiel kun internaj stilo-folioj). Vi nur aldonas la stilon atribuon, kiu estas valida en preskaŭ ĉiu HTML-elemento. Ĉi tiuj estas ĉiuj kialoj, por kiuj vi povas esti tentitaj uzi enlinajn stilojn, sed vi ankaŭ devas esti konscia pri iuj tre gravaj malavantaĝoj al ĉi tiu aliro.
Malavantaĝoj de Inline Stiloj
Ĉar enlinaj stiloj ili estas la plej specifaj en la akvofalo, ili povas transservi aferojn, kiujn vi ne intencis. Ili ankaŭ negas unu el la plej potencaj aspektoj de CSS - la eblo de stiligi multajn kaj multajn paĝojn de unu centra CSS-dosiero por fari estontajn ĝisdatigojn kaj stilojn multe pli facile administri.
Se vi nur bezonus uzi inlineajn stilojn, viaj dokumentoj rapide fariĝos blokaj kaj tre malfacilaj por subteni. Ĉi tio estas ĉar inlineaj stiloj devas esti aplikitaj al ĉiu elemento, kiun vi volas. Do se vi volas ke ĉiuj viaj alineoj havas la tiparon "Arial", vi devas aldoni inlinean stilon al ĉiu
etikedo en via dokumento. Ĉi tio aldonas ambaŭ bontenadon por la desegnisto kaj elŝuta tempo por la leganto, ĉar vi bezonos ŝanĝi ĉi tion laŭ ĉiu paĝo en via retejo por ŝanĝi tiun tiparon-familion. Alternative, se vi uzas apartan stilfolion, vi eble povos ŝanĝi ĝin en unu loko kaj ĉiu paĝo ricevas tiun ĝisdatigon.
Vere, ĉi tio estas paŝo malantaŭen en retejo - reen la tagojn de la etikedo!
Alia malfacilaĵo al inlinaj stiloj estas, ke ĝi neeblas stili pseŭd-elementojn kaj klasojn kun ili. Ekzemple, kun eksteraj stilaj folioj, vi povas stiligi la vizititan, ŝvebadon, aktivan kaj ligan koloron de ankro etikedo, sed kun inlinea stilo, ĉio, kion vi povas stili, estas la ligo mem, ĉar tio estas, kion la stilo atributo aliĝas al .
Finfine, ni rekomendas ne uzi inlinajn stilojn por viaj retpaĝoj ĉar ili kaŭzas problemojn kaj faras multe pli da laboroj por subteni la paĝojn. La nura tempo, kiun ni uzas, estas kiam ni volas kontroli stilon rapide dum la disvolviĝo. Unufoje ni aspektis ĝuste por tiu elemento, ni movas ĝin al nia ekstera stilo-folio.
Kardinalo de Jennifer Krynin. Redaktita de Jeremy Girard.