Wat binne Cascading Style Sheets?
Websiden besteane út in oantal yndividuele stikken, wêrûnder bylden, tekst en ferskate dokuminten. Dizze dokuminten befetsje net allinich guon dy't keppele wurde mei ferskate siden, lykas PDF bestannen, mar ek de dokuminten dy't brûkt wurde om de siden sels te bouwen, lykas HTML-dokuminten om de struktuer fan in side en CSS-dokumint te bestimmen om te sjen fan in side. Dit artikel sil yn CSS delfalle, wêrtroch't it is en wêr't it hjoeddeistige brûkt wurdt.
In CSS-histoarjeLesson
CSS waard yn 1997 ûntwikkele as wize foar webûntwikkelders om de fisuele útstrieling fan de websiden te bepalen dy't se skeppe. It wie bedoeld om web professionals te meitsjen om de ynhâld en struktuer fan in webside fan 'e visuele ûntwerp te skieden , wat dat foar dizze tiid net mooglik wie.
De ôfsûndering fan struktuer en styl lit HTML helpe om mear fan 'e funksje út te fieren dat it oarspronklik basearre is op - it markearjen fan ynhâld, sûnder soargen te hawwen oer it ûntwerp en layout fan' e side sels, wat faaks bekend is as it "look and feel" fan 'e side.
CSS wûn net yn populaasje oant en mei 2000 as webblêders begjinne mei mear as de basis lettertype en kleur aspekten fan dizze markearring taal. Tsjintwurdich stypje alle moderne browsers alle CSS Level 1, de measte CSS Level 2, en sels de measte aspekten fan CSS Level 3. As CSS fierder ûntwikkelet en nije stilen yntrodusearre wurde, hawwe webbrowsers begon makke om modules te brûken dy't nije CSS-stipe yn dy browsers bringe en web-ûntwerpers leverje nije stylstelsels om mei te wurkjen.
Yn (in protte) jierren ferline wiene der websneurûntwikkels selektearre dy't wegere CSS brûke foar it ûntwerp en ûntwikkeling fan websiden, mar dizze praktyk is no allinich ôf fan 'e yndustry ôf. CSS is no in breed brûkte standert yn web-ûntwerp en jo soene dreech wêze om elkenien te wurkjen yn 'e yndustry dy't hjoed net in basisbegryp fan dizze taal hat.
CSS is in abortioasje
As al neamd wurdt, stiet de term CSS foar "Cascading Style Sheet". Litte wy dizze saak in brek meitsje om mear út te fieren wat de dokuminten dogge.
It wurd "stylblêd" ferwiist nei it dokumint sels (lykas HTML, CSS bestannen binne krekt gewoan tekstdokuminten dy't mei ferskate programma's bewurke wurde kinne). Stylblêden binne jierrenlang foar dokumint design brûkt. Se binne de technyske spesifikaasjes foar in layout, druk as of online. Printsje ûntwerpers hawwe lange stylblêden brûkt om te fersoargjen dat harren ûntwerpen krekt oan har spesjaliteiten printe wurde. In stylblêd foar in webside tsjinnet deselde doel, mar mei de tafoegjende funksjoneel kin it ek de webbrowser fertelle hoe't it dokumint te besjen is. Tsjintwurdich kinne CSS stylblêden ek media-queries brûke om de manier te feroarjen as in side socht foar ferskate apparaten en skermgrutte . Dit is unbeleardich belangryk omdat it jout in single HTML-dokumint lykwols oars as it skerm dat brûkt wurdt om tagong te meitsjen.
Cascade is it echt spesjaal diel fan 'e term "cascading style sheet". In webstylblêd is bedoeld om cascade fia in rige stilen yn dat blêd, lykas in rivier oer in wetterfal. It wetter yn 'e rivier trekt alle stiennen yn' e wetterfal, mar allinich dejingen op 'e boaiem ynfiere krekt wêr't it wetter streamt. Itselde is wier fan 'e kaskade yn webside stylblêden.
Alle websteeën wurde beynfloede troch op syn minst ien stylblêd, sels as de webûntwerper gjin stilen jout. Dit stylblêd is it styl fan styl fan brûker - ek wol bekend as de standertstilen dy't de webbrowser brûkt om in side wer te jaan as der gjin oare ynstruksjes binne. Bygelyks troch standert hyperkeppels wurde yn blau stylearre en se binne ûnderline. Dizze stilen komme út in standert stylblêd fan in webblêder. As de webûntwerper oare ynstruksjes leveret, sil de blêder lykwols witte moatte hokker ynstruksjes foarriedich binne. Alle browsers hawwe in eigen standertstilen, mar in soad fan dizze standerts (lykas de blau ûndersteande tekstferwizings) wurde dield troch alle of de grutste browsers en ferzjes.
Foar in oare foarbyld fan in standertbrowser is yn myn webblêder it standertlettertype " Times New Roman " werjûn op grutte 16. Al hast gjin fan 'e siden dy't ik sjen litte yn dizze lettertypefamylje en grutte. Dit is om't de kaskade definieart dat de twadde stylblêden, dy 't troch de ûntwerper sels steld binne, de lettertypegrutte en famylje werneame, it oersetten fan myn standertbehearder. Elke stylblêden dy't jo meitsje foar in webside hawwe mear spesifike skaaimerk as standertstilen fan in blêder, sadat dizze standertynstellingen allinich tapasse as jo stylblêd net oerienkomt. As jo blauwe blêden bliuwe en ûnderstreke wolle, moatte jo net nedich hawwe omdat dizze standert is, mar as jo CSS-triemtafel seit dat keppelings grien wêze moatte, sil dizze kleur de standert blauwe oerskriuwe. De ûnderline sil bliuwe yn dit foarbyld, om't jo net oars oanjûn hawwe.
Wêr is CSS brûkt?
CSS kin ek brûkt om te finen hoe't websiden soene sjogge as se yn oare media besjoen wurde as in webblêder. Bygelyks kinne jo in stylblêd meitsje dy't definiearret hoe't de webside printe moat. Om't webside items lykas navigaasjeknoppen of webformulieren gjin doel hawwe op 'e gedruckte side, kin in printstylblêd brûkt wurde om dizze gebieten as "ôfbrekke" as in side gedrukt wurdt. Wylst net echt in gewoane praktyk op in soad sites is, de opsje om printtylblêden te meitsjen is machtich en oantreklik (yn myn ûnderfining - de measte websteeën dogge dit net allinich omdat de budzjet fan in budzjet net ropt foar dit ekstra wurk dat dien wurde ).
Wêrom is CSS wichtich?
CSS is ien fan 'e machtichste ynstruminten dy't in webûntwerper leare kinne, omdat dêrmei kinne jo ynfloed op it folsleine optreden fan in webside. Goed skreaune stylblêden kinne fluch bywurke wurde en siden kinne wizigje wat it optyske prioriteit bepaald wurdt op it skerm, dat op 'e nij werjaan fan wearde en fokus foar besikers, sûnder wizigingen dy't nedich binne oan de ûndersteande HTML-markearring.
De wichtichste útdaging fan CSS is dat der in hiel soad te learen is - en mei alle browsers dy't elke dei feroaret, wat goed wurkt hjoed it morel net as nije stilen wurde stipe, en oaren binne ferdwûn of falt út foar ien of oare reden .
Omdat CSS kin kaskade en kombinearjen, en beskôgje hoe't ferskillende browsers de direkteuren oars kinne ynterpretearje en ymplementearje, kin CSS flater wêze as gewoan HTML om te behearen. CSS ferwiist ek yn browsers op in manier dat HTML net goed docht. Ienris as jo begjin mei CSS brûke, sille jo sjogge dat it gebrûk fan 'e krêft fan stylblêden jo unbelievbere fleksibiliteit jouwe yn hoe jo jo websiden ljeppe en beskôgje en fiele. Oan 'e wei soargje jo in "tas fan trikken" fan stilen en oanwêzigen dy't jo yn it ferline wurke hawwe en wat jo kinne opnij meitsje as jo nije websteeën yn' e takomst bouwe.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 7/5/17,