Wat sinn Cascading Style Sheets?
Websäite si vun enger Rei vun individuell Stécker, dorënner Biller, Texter a verschidde Dokumenter. Dës Dokumenter nët nëmmen déi, déi mat verschiddene Säiten verknäppt sinn, wéi PDF-Dateien, awer och déi Dokumenter, déi benotzt ginn fir d'Säiten selwer ze konstruéieren, wéi HTML-Dokumenter fir d'Struktur vun enger Säit an CSS (Cascading Style Sheet) ze bestëmmen den Däitsche vun enger Säit ze diktéieren. Dësen Artikel geet an CSS zréck, wat et ass a wou et op Websäiten haut benotzt gëtt.
A CSS Geschicht Lektioun
CSS gouf am Joer 1997 als Wee fir Web-Entwéckler entwéckelt fir de visuelle Optrëtt vun de Websäiten ze definéieren déi se erschafft hunn. Et huet geduecht fir Websäiten ze gestalten fir den Inhalt an d'Struktur vun engem Site Code aus der visueller Gestaltung ze trennen , wat dat net méiglech war vir dës Zäit ze trennen .
D'Trennung vu Struktur a Stil léisst HTML fir méi vun der Funktioun auszeféieren, datt et ursprénglech baséiert op - d'Inhaltsverdeedegung, ouni sech iwwer d'Gestioun an den Layout vun der Säit selwer ze maachen, eppes wat allgemeng bekannt als "kucken a fille" vun der Säit.
CSS huet net an der Bevëlkerung gewonnen bis ca. 2000, wann Websäiten méi benotzt wéi d'Basis Schrëft a Faarf Aspekter vun dëser Markup Sprooch. Heutzutuer ënnerstëtzen all modernen Browser all CSS Level 1, de gréissten Deel vun CSS Level 2, an och déi meescht Aspekter vum CSS Level 3. Wéi CSS weider ze entwéckelen an nei Stiler entwéckelt ginn, hunn Webbrowsers mat Module benotzt, déi nei CSS-Ënnerstëtzung an dëse Browseren bréngen an Webdesigner kennen kreativ nei Styling-Tools fir matzemaachen.
An (ville) Joere passéiere wiele Web Designer, déi de CSS net fir den Design an d'Entwecklung vun Websäiten benotzen, awer dës Praxis ass awer alleng vun der Industrie fort. CSS ass elo e weiten benotzten Standard am Webdesign. Dir kënnt et hart drënner ginn fir jemanden an der Industrie ze fannen, déi haut net zumindest e grénge Verständnis vun dëser Sprooch sinn.
CSS ass en Abkürzung
Wéi scho gesot, de Begrëff CSS steet fir "Cascading Style Sheet". Loosst eis dës Ausdréck e puer ze bremsen fir méi komplett erklären, wat dës Dokumenter maachen.
D'Wuert "Stilblatt" bezitt op den Dokument selwer (wéi HTML, CSS Dateien sinn wierklech nëmmen Textdokumenter déi mat verschiddene Programmer geännert ginn). Stil Placke gi fir laang Joeren fir Dokumententwicklung benotzt . Si sinn d'technesch Spezifikatioune fir e Layout, egal a se gedréckt oder online. D'Printsentechniker hunn laang Stéckplacken benotzt fir sécherzestellen, datt hir Konstruktiounen genee an hir Spezifizitéiten gedréckt sinn. Een Stylblatt fir eng Websäit di selwëcht Zweck benotzt, awer mat der addéierter Funktionalitéit vun der Erlaabnes vum Webbrowser wéi Dir dat Dokument dokumentéiert gëtt. Hautdesdaags hunn CSS-Stilblätter och MedienQueraen benotze fir de Wee ze änneren, wéi eng Säit fir verschidde Apparater a Screenshots kuckt. Dëst ass onheemlech wichteg, well et e bësse HTML-Dokument däerf ënnerscheedlech z'erreechen.
Cascade ass deen wierklech spezielle Bestanddeel vun der Begrëff "Cascadingstil". Ee Webstilbahn soll Cascade duerch eng Serie vu Stiler an deem Blat sinn, wéi e Floss iwwer e Waasserfall. D'Waasser am Floss hitt all d'Fielsen am Waasserfall, awer nëmmen déi am Uewerfläch betreffen genau wou de Waasser Waasser fléisst. Dat selwecht gëllt fir d'Kaskade am Webbränn.
All Websäit betrëfft vun mindestens e Stëfterblatt, och wann den Webdesigner keng Stile kennt. Dës Stylblatt ass den User Agent Stilblatt - och bekannt als Standardformat déi de Webbrowser benotzt, fir eng Säit z'ënnerscheeden, wann keng aner Instruktioune sinn. Zum Beispill, déi virgeschriwwe Hyperlinks sinn blo an stylesch ënnersträichen. Dës Stiler kommen aus engem Webbrowser vum Standardstilblech. Wann de Webdesigner aner Instruktiounen ubitt, muss de Browser awer wësse wat d'Instruktioune virausgesat ginn. All Browseren hunn hir eegene Standardstile, awer vill vun dëse Standardgréisst (wéi déi blo Zeilunterlaf), iwwer all d'Majoritéit vu Browser an Versiounen.
Fir e Beispill vun engem Browser Default gëtt et an der My Browser d'Standardfaarf " Times New Roman " mat der Gréisst 16. Kee vun de Säiten déi ech fir d'Bildschierm an der Schrëftfamill an der Gréisst uginn. Dëst ass well d'Kaskade definéiert datt déi zweestäckeg Bausubriken, déi d'Designer selwer selwer setzen, fir d'Schrëftgréisst an d'Famill ze definéieren, iwwerdréit vu méng Websäit den Default. Allen Stylblätt déi Dir fir eng Websäit schafft, wäerten méi Spezifizitéit wéi d'Standard-Stiwwel vum Browser hunn, also déi Standardes benotze nëmmen applizéiert wann Är Stylblatt net ze iwwerschreiwe kënnt. Wann Dir Linken ze bläifen an ënnersträichen däerf, musst Dir näischt maachen, well dat ass den Default, awer wann Är CSS-Datei vun der Säit seet, datt Links sollten gréng sinn, dës Faarf den Default blo. De Betrib gëtt an dësem Beispill bleiwen, well Dir hutt net anescht uginn.
Wou ass CSS ginn?
CSS kann och benotzt ginn fir ze definéieren wéi Websäiten kucken wann Dir an anere Medien wéi an engem Webbrowser kucken musst. Zum Beispill kënnt Dir e Stylstylblatt erstellen deen definéiert wéi d'Websäit ausgedréckt soll ginn. Well Websäit Elemente wéi Navigatiouns-Buttons oder Webformulare keen Zweck op der gedréckter Säit hunn, kann e Print Style Sheet benotzt ginn fir dës Gebidder ze schréiwen, wann eng Säit gedréckt ass. Obwuel net wierklech eng allgemeng Praxis op ville Siten ass, ass d'Méiglechkeet fir Stéckplacken ze erstellen mäin kraftvoll a attraktiv (an menger Erfahrung - déi meeschte Websäiten net gemaach ginn, well de Budget vun dësem Site net erfëllt fir dës weider Aarbecht ze maachen ).
Firwat ass CSS wichteg?
CSS ass ee vun de mächtegen Tools, wou e Web-Designer kann léieren, well mat der Dir kéint all d'visuell Optrëtt vun enger Websäit beaflossen. Gitt geschriwwe Stylstéiungen ka séier aktualiséiert a Siten kënnen ufänken wat geäntwert ass visuell op dem Bildschierm, wat de Wierk weist de Wäert op a konzentréiert sech op Besucher, ouni Äntwert op déi zugrondege HTML-Markup.
D'Haaptfuerderung vun CSS ass datt et e bësse méi léieren ass - an mat Browser all Dag ännert, wat funktionnéiert haut haut net sinn Sinn matmaachen wéi nei Stiler ënnerstëtzt ginn an anerer sinn ofgedeckt oder aus enger Begrënnung oder aus engem Gronn .
Well CSS kann kaskadéieren a kombinéieren an iwwerleet wéi verschidde Navigateuren d'Direktiven anescht interpretéieren an ëmsetzen kann, kann CSS méi schwéier sinn wéi einfacher HTML fir ze meeschteren. CSS verännert och an Browseren esou wéi HTML net wierklech. Sidd Dir ugefaang mat CSS ugefaang ze gesinn, da gesitt Dir, datt d'Macht vun Strukture bläif gëtt fir Iech eng onverzealtlech Flexibilitéit ze maachen wéi Dir Webseiten benotzt an Dir fannt an hirem Ausserdeem. Niewt dem Wee bass du eng "Tasche vu Tricks" vun Stiler a Approchen, déi Dir an der Vergaangenheet fir Iech gemaach hunn an déi Dir kënnt erëm nei Kräfte maachen wéi Dir nei Websäiten an der Zukunft baut.
Original Artikel vum Jennifer Krynin. Edited by Jeremy Girard am 7/5/17,