Beth yw CSS a Ble Yd Yn Ei Ddefnyddio?

Beth yw Taflenni Arddull Cascading?

Mae gwefannau yn cynnwys nifer o ddarnau unigol, gan gynnwys delweddau, testun, ac amrywiol ddogfennau. Mae'r dogfennau hyn nid yn unig yn cynnwys rhai y gellir eu cysylltu â nhw o wahanol dudalennau, fel ffeiliau PDF, ond hefyd y dogfennau a ddefnyddir i adeiladu'r tudalennau eu hunain, fel dogfennau HTML i bennu strwythur dogfennau tudalen a CSS (Taflen Arddull Casglu) i orchymyn edrych tudalen. Bydd yr erthygl hon yn dod i mewn i CSS, gan gwmpasu beth ydyw a lle y'i defnyddir ar wefannau heddiw.

Gwers Hanes AG

Datblygwyd CSS yn gyntaf yn 1997 fel ffordd i ddatblygwyr gwe ddiffinio ymddangosiad gweledol y tudalennau gwe yr oeddent yn eu creu. Y bwriad oedd caniatáu i weithwyr proffesiynol y we wahanu cynnwys a strwythur cod gwefan o'r dyluniad gweledol, rhywbeth na fu'n bosibl cyn y tro hwn.

Mae gwahanu'r strwythur a'r arddull yn caniatáu HTML i gyflawni mwy o'r swyddogaeth yr oedd yn seiliedig yn wreiddiol arno - marcio'r cynnwys, heb orfod poeni am ddyluniad a gosodiad y dudalen ei hun, rhywbeth a elwir yn gyffredin fel "edrych a theimlo" o'r dudalen.

Ni chafodd CSS boblogrwydd tan tua 2000, pan ddechreuodd porwyr gwe ddefnyddio mwy nag agweddau ffont a lliw sylfaenol yr iaith farcio hon. Heddiw, mae pob porwr modern yn cefnogi holl Lefel 1 CSS, y rhan fwyaf o CSS Lefel 2, a hyd yn oed y rhan fwyaf o agweddau ar Lefel 3 CSS. Wrth i CSS barhau i esblygu a chyflwyno arddulliau newydd, mae porwyr gwe wedi dechrau gweithredu modiwlau sy'n dod â chymorth CSS newydd i'r porwyr hynny ac yn rhoi offer pwerus newydd i ddylunwyr gwe weithio gyda nhw.

Yn (lawer) flynyddoedd yn y gorffennol, roedd dylunwyr gwe ddewisol a wrthododd ddefnyddio CSS ar gyfer dylunio a datblygu gwefannau, ond mae'r arfer hwnnw i gyd ond wedi mynd o'r diwydiant heddiw. Mae CSS bellach yn safon a ddefnyddir yn helaeth mewn dylunio gwe a byddai'n anodd iawn i chi ddod o hyd i unrhyw un sy'n gweithio yn y diwydiant heddiw nad oedd ganddynt ddealltwriaeth sylfaenol o'r iaith hon o leiaf.

Mae CSS yn Byrfodd

Fel y crybwyllwyd eisoes, mae'r term CSS yn sefyll am "Cascading Style Sheet." Gadewch i ni dorri'r ymadrodd hwn ychydig i egluro'n fanylach beth mae'r dogfennau hyn yn ei wneud.

Mae'r gair "dalen arddull" yn cyfeirio at y ddogfen ei hun (fel HTML, ffeiliau CSS mewn gwirionedd yn unig yw dogfennau testun y gellir eu golygu gyda gwahanol raglenni). Defnyddiwyd taflenni arddull ar gyfer dylunio dogfennau ers blynyddoedd lawer. Dyma'r manylebau technegol ar gyfer cynllun, boed yn print neu ar-lein. Mae gan ddylunwyr argraffu daflenni arddull hir i sicrhau bod eu dyluniadau wedi'u hargraffu yn union i'w manylebau. Mae dalen arddull ar gyfer tudalen we yn gwasanaethu'r un diben, ond gyda'r swyddogaeth ychwanegol sydd hefyd yn dweud wrth y porwr gwe sut i gyflwyno'r ddogfen. Heddiw, gall taflenni arddull CSS hefyd ddefnyddio ymholiadau cyfryngau i newid y ffordd y mae tudalen yn chwilio am wahanol ddyfeisiau a maint sgrin . Mae hyn yn hynod o bwysig gan ei fod yn caniatáu i ddogfennau HTML unigol gael eu rendro'n wahanol yn ôl y sgrin sy'n cael ei defnyddio i gael mynediad ato.

Cascade yw'r rhan arbennig iawn o'r term "dalen arddull rhaeadru". Bwriedir i ddalen arddull y we rhaeadru trwy gyfres o arddulliau yn y daflen honno, fel afon dros rhaeadr. Mae'r dŵr yn yr afon yn taro'r holl greigiau yn y rhaeadr, ond dim ond y rhai ar y gwaelod sy'n effeithio'n union lle mae'r dŵr yn llifo. Mae'r un peth yn wir am y rhaeadr mewn taflenni arddull gwefan.

Mae pob dalen arddull yn effeithio ar bob tudalen we, hyd yn oed os nad yw'r dylunydd gwe yn defnyddio unrhyw arddulliau. Mae'r daflen arddull hon yn daflen arddull asiant defnyddiwr - a elwir hefyd yn yr arddulliau diofyn y bydd y porwr gwe yn ei ddefnyddio i arddangos tudalen os na ddarperir cyfarwyddiadau eraill. Er enghraifft, mae hypergysylltiadau diofyn yn cael eu styled mewn glas ac maent wedi'u tanlinellu. Daw'r arddulliau hynny o ddalen arddull ddiofyn porwr gwe. Os yw'r dylunydd gwe yn darparu cyfarwyddiadau eraill, fodd bynnag, bydd angen i'r porwr wybod pa gyfarwyddiadau sydd â blaenoriaeth. Mae gan bob porwr eu arddulliau diofyn eu hunain, ond mae llawer o'r diffygion hynny (fel y cysylltiadau testun sydd wedi'u tanlinellu'n las) yn cael eu rhannu ar draws yr holl borwyr a'r fersiynau mwyaf.

Ar gyfer enghraifft arall o ddiffyg porwr, yn fy porwr gwe, y ffont diofyn yw " Times New Roman " a ddangosir yn faint 16. Nid yw bron yr un tudalennau yr wyf yn ymweld â hwy yn y teulu a'r maint ffont hwnnw. Y rheswm am hyn yw bod y rhaeadru yn diffinio bod yr ail daflen arddull, a osodir gan y dylunwyr eu hunain, i ailddiffinio maint y ffont a'r teulu, sy'n gorbwysleisio diffygion fy porwr gwe. Bydd gan unrhyw daflenni arddull yr ydych yn eu creu ar gyfer tudalen we fwy o fanylder nag arddulliau diofyn y porwr, felly bydd y diffygion hynny ond yn berthnasol os na fydd eich dalen arddull yn eu gor-orchymyn. Os ydych chi eisiau i gysylltiadau fod yn las ac yn cael eu tanlinellu, nid oes angen i chi wneud unrhyw beth gan mai dyna'r rhagosodedig, ond os yw ffeil CSS eich gwefan yn dweud y dylai'r dolenni fod yn wyrdd, bydd y lliw yn goresgyn y glas rhagosodedig. Bydd y tanlinell yn parhau yn yr enghraifft hon, gan na wnaethoch chi nodi fel arall.

Ble mae CSS wedi'i Ddefnyddio?

Gall CSS hefyd ddiffinio sut y dylid edrych ar dudalennau gwe wrth edrych mewn cyfryngau eraill na porwr gwe. Er enghraifft, gallwch greu taflen arddull argraffu a fydd yn diffinio sut y dylai'r dudalen we argraffu. Oherwydd nad oes gan unrhyw eitemau tudalen gwe fel botymau llywio neu ffurflenni gwe ddim diben ar y dudalen argraffedig, gellir defnyddio Taflen Arddull Argraffu i "droi" yr ardaloedd hynny pan fo tudalen wedi'i argraffu. Er nad yw'n arfer cyffredin ar lawer o safleoedd, mae'r opsiwn i greu taflenni arddull print yn bwerus a deniadol (yn fy mhrofiad - nid yw'r rhan fwyaf o weithwyr proffesiynol y we yn gwneud hyn yn syml oherwydd nad yw cwmpas cyllideb y safle yn galw am wneud y gwaith ychwanegol hwn ).

Pam mae Pwysig CSS?

CSS yw un o'r offer mwyaf pwerus y gall dylunydd gwe ei ddysgu oherwydd, gydag ef, gallwch effeithio ar ymddangosiad gweledol gwefan gyfan. Gellir diweddaru taflenni arddull ysgrifenedig yn gyflym a chaniatáu i safleoedd newid yr hyn a flaenoriaethir yn weledol ar y sgrin, sy'n dangos gwerth a ffocws i ymwelwyr, yn ei dro, heb unrhyw newidiadau sydd angen eu gwneud i'r marc HTML sylfaenol.

Prif her CSS yw bod cryn dipyn i'w ddysgu - a gyda phorwyr yn newid bob dydd, efallai na fydd yr hyn sy'n gweithio'n dda heddiw yn gwneud synnwyr yfory wrth i arddulliau newydd gael eu cefnogi a bod eraill yn cael eu gollwng neu yn disgyn o blaid am un rheswm neu'i gilydd .

Gan y gall CSS rhaeadru a chyfuno, ac ystyried sut y gall gwahanol borwyr ddehongli a gweithredu'r cyfarwyddebau yn wahanol, gall CSS fod yn fwy anodd na HTML plaen i feistroli. Mae CSS hefyd yn newid mewn porwyr mewn ffordd nad yw HTML mewn gwirionedd. Unwaith y byddwch chi'n dechrau defnyddio CSS, fodd bynnag, fe welwch y bydd defnyddio harddwch llinellau arddull yn rhoi hyblygrwydd anhygoel i chi yn y ffordd y mae'ch tudalennau gwe yn gosod ac yn diffinio eu golwg a'u teimladau. Ar hyd y ffordd, byddwch yn amlygu "bag o driciau" o arddulliau ac ymagweddau sydd wedi gweithio i chi yn y gorffennol ac y gallwch chi droi atynt eto wrth i chi greu gwefannau newydd yn y dyfodol.

Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 7/5/17,