CSS: ffont lliw, arddull, patrwm, maint

Rhaglennu - y drych: yn y dechreuad yr oedd y gair, ac nid yn adlewyrchu yn ôl. Ac yn sydyn iawn ei fod wedi i "newid": drych gyntaf, yna bydd y gair ... Ar y pwynt hwn, rhaeadru dalen arddull - yn dda, ond pam mor hir yr oedd yn mynd i'r cof datblygwr? CSS - mae'r cyfan yn yr un amseroedd amrywiaeth y cyfnod o raglenni cyfrifiadurol, ond dim ond mewn persbectif gwahanol. Hyd yn oed pan fydd y llu yn dod nid chwyldro cysylltiadol yn cael ei wneud.

dudalen gwefan - mae'n tagiau HTML-markup, y gellir ei briodoli i arddull neu arddull penodol dynodwr dosbarth. Gall y cyntaf yn cael ei diffinio'n unwaith ac i briodoli i unrhyw beth mawr ei angen amser, ac mae'r ail yn perthyn i elfen benodol.

Mae'r rhesymeg cyffredinol y disgrifiad o arddulliau

Yn ôl y traddodiad, yr arddull yn cael ei roi yn y CSS-ffeil, ond gellir ei briodoli i elfen benodol yn ei priodoledd arddull. Gall y dull yn cael ei greu yn y ddeinameg o offer JavaScript. O bwys arbennig yn cael ei fel y disgrifir, er enghraifft, trwy liw CSS ffont, ei faint, y headset, cefndir tano ac yn y blaen. Lleoliad disgrifiad arddull yn bwysig yng nghyd-destun, fel arfer ddau syniad: disgrifio'r ddiweddarach, felly mae'n flaenoriaeth uwch, ac os disgrifir yn yr elfen, mae'n bwysig !. cofnodwyd ddiwethaf fel y mae, yn diffinio'n glir y flaenoriaeth.

Gwneud cais yr arddull i, er enghraifft, lliw newid lliw ffont penodol, gall fod yn unrhyw le ac unrhyw beth. Y cwestiwn yw sut i ymateb iddo mewn porwr yn ystod y dadosod yr holl arddulliau at ei gilydd. Faint oedd yn ei wario ar CPU hwn?

Yn ddelfrydol, dylai lliw ffont yn cael ei nodi unwaith yn unig - mae'n glasur. Meddyliwch allan i ddisgrifiad syml o gwpl, ac yna un arall ac un arall ... wrth gwrs, gallwch. Mae'n ffasiynol, ond yn ymarferol.

rhesymeg cyffredinol ENGHRAIFFT

Yn gwbl benderfynol yn syml drwy CSS lliw ar gyfer pob un o'r tair elfen, mae'n bosibl i gael o leiaf tri o broblemau hir yn rhedeg:

# Ele1, # Ele2, # Ele3 {
SEFYLLFA: absoliwt;
chwith: 20px;
top: 14px;
lliw: coch;
}

# Ele2, # Ele3 {
chwith: 90px; // newid y CSS cyfesurynnau llorweddol
lliw: melyn; // newid lliw y ffont CSS
}

# Ele3 {
top: 114px; // newid y CSS gydlynu fertigol

lliw: glas; // unwaith eto newid lliw y ffont CSS

cefndir-lliw: lightgrey; // newid CSS amlygu testun lliw, ond nid yw hyn yn bresennol yn y # Ele1 a # Ele2; sefyllfa wedi newid hefyd, ond mae wedi newid yn # Ele2 ac nid, fel yma

}

Nawr mae'n rhaid i ni gofio bod pob un o'r tair elfen hyn yn cael ei ddiffinio yn rhywle, ac mewn achos o newid o gynrychioliadau lliw y perchennog y safle, bydd yn rhaid i'r datblygwr i gofio nid yn unig am y lliw, ond hefyd am y rheolau chwith a top, a hyd yn oed i newid na ddylai'r uchafbwynt lliw y testun yn cael ei anghofio.

Nid yw pob datblygwyr yn barchedig CSS gofyniad: ID Arddull - dim ond un elfen, ac mae'r arddull dosbarth - mae llawer o tagiau, ar wahân i'r pwynt olaf posibl yn y tagiau fel ansoddeiriau:

• gosod y lliw ffont yn y CSS - dosbarth groundColor arddull;
• pennu maint y ffont - size15 dosbarth;
• set safle - PlaceUp dosbarth.

Yn naturiol, y defnydd o adnabod, yn enwedig pan maent yn perthyn i'r un elfen marcio, y dosbarthiadau arddull deg uchaf, peintio mewn gwahanol gyfuniadau o gannoedd o elfennau dudalen. Ond mae popeth wedi ei resymeg yr amcan ei hun.

Mae'r datblygwr Rhaid syml yn cymryd i ystyriaeth yn gywir: hyd yn oed os y ffont lliw HTML, CSS yn cynnig i ddisgrifio caled, hyblygrwydd y strwythur cyffredinol y disgrifiadau - dyna ei swydd.

Y canlyniad disgwyliedig o ddefnyddio rhesymeg gyffredin

porwyr modern yn gyfforddus gyda llawer o ffeiliau arddull a chyfaint. Fodd bynnag, dylunio, yn arbennig drwy CSS, lliwiwch y dudalen gyfan, dylech bob amser yn meddwl o ddigonolrwydd rhesymol. Nid yw pob reolau arddull "rhad" yn edrych yn y cais. cofnod laconic syml: * {lliw: gwyn;} - yn sicr brydferth, ond mae'n berthnasol i bob elfen o'r dudalen, yn ddieithriad.

O'r holl reolau, sydd wedi'i gyfarparu â CSS, y mwyaf pwysig:

• steil - dosbarth, ac yna yr enw yn dechrau gyda, "."
• steil - dynodwr a'i enw yn dechrau gyda "#" gymeriad;
• mewn achosion eraill - tag enw neu rywbeth arbennig

Mae'r rhan sy'n weddill o'r syniadau disgrifiad mewn Styles (eiddo etifeddiaeth gorgyffwrdd, blaenoriaethau, safle, trefn ac yn y blaen. D.) Os yn cael ei ddefnyddio yn ddeallus ac yn gwbl angenrheidiol.

Nid yw'r porwr bob amser yn colli, yn gwneud allan yn y disgrifiad, fel nad yw'r annisgwyl arbennig fydd. Os nad yw rhywbeth oedd yn y lle iawn, neu yn gosod nad yw'r lliw ffont yn CSS yn bosibl, felly, yn null y gwall.

cyfleoedd annisgwyl

Ni ddylid ei arddulliau fel * {chwith ei gam-drin: 124px; } neu

ol ol, ol ul, ul ul, ol ul {margin-gwaelod: 0; }
mae img {border: 0; }

Er ei bod yn anodd gwneud hyd yn oed yn ddatblygwr newyddian i ddefnyddio rheolau CSS fel y maent. Bob amser yn natblygiad unrhyw safle, hyd yn oed cystrawen CSS berffaith syml yn rhoi problemau annisgwyl. Fodd bynnag, os bydd ymdrechion uniongyrchol at y defnydd cywir o'r gystrawen, ond cymhwyso'r swyddogaeth JavaScript yw y bydd cyfleoedd newydd ac annisgwyl yn osgoi undonog yn creu dynodwyr ar gyfer pob elfen, neu i fonitro'r defnydd o amrywiaeth o arddulliau a dosbarthiadau.

CSS - nid yn unig yn ffeil arddull sydd wedi'i gysylltu i'r dudalen drwy'r tag ddolen neu eu mewnosod i mewn iddo drwy'r tag arddull. Mae hefyd yn bosibl i greu arddull ar y hedfan neu addasu un sy'n bodoli eisoes.

Trwy ddefnyddio CSS, gall y lliw ffont yn cael ei wneud programmatically. Yn ogystal â maint a lleoliad, ymylon. Gwefan - nid yn nod i gymhwyso'r wybodaeth yn CSS, HTML, PHP neu JavaScript effeithiau fflach.

Adnodd ar y we - yn gyntaf yr holl wybodaeth a gynigir mewn ffordd arbennig. Dyna pam CSS yn cael ei weld orau yn y deinameg drwy lens sut y mae'n bosibl i ffurfio, tra bod y dudalen yn dal i fod ar y gweinydd (nid yw'n PHP gael ar yr adeg pan ddaeth y ymwelydd safle, nad yw'r datblygwr ar yr adeg pan oedd yn datblygu'r safle), mae'r arddull a ddymunir testun penodol ar gyfer cynnwys sy'n berthnasol, neu i greu dosbarth steil neu ddynodwr ar y hedfan gan fod y dudalen yn gweithio, pan fydd yn edrych ar ymwelydd arbennig.

deinameg sefydlog

Ni ddylem bob amser ysgrifennu ddod o hyd soffistigedig JavaScript-god i wneud cynnwys deinamig ac mae ei ddyluniad - sef cynnwys digonol. Weithiau, mae'n ddigon i defnyddio'n iawn i'r cyfleoedd sydd ar gael. Yn benodol, trwy ddiffinio CSS lliw ffont rheol sefydlog yn y lle cyntaf, gallwch guddio y rheol hon (cudd) a delweddu gwahanol (gweladwy).

Yma, nid yw'r siaradwr yn ei gwneud yn ofynnol y algorithm:

// i dynnu sylw at y botwm mewnbwn ar y wefan
scfWelcomeOver swyddogaeth () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'gweladwy' .;
}

// cuddio y botwm mewnbwn ar y wefan
swyddogaeth scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'cudd' .;
}

CSS yn cynnig dynameg hun: tickers, elfennau dryloyw, gwahanol embodiments troshaenau, arddangosfeydd, pylu lliwiau. Yn CSS, gall y lliw ffont yn cael ei wneud hyd yn oed fel nad oes unrhyw un rheol arddull yn cael ei ddarparu.

arddangos cynnwys deinamig

Os nad oedd unrhyw dogmas, efallai ni fyddai unrhyw gynnydd. Dim ond nid sut brofiad oedd i ymladd. Daeth hyperdestun i'r byd llawer o dogma. Mae'n bryd i roi sylw iddynt ac i ddechrau datblygu safleoedd mewn arddull pragmatig ac ymarferol.

I ddechrau, mae dudalen (P), mae rhai o'ch cynnwys (K), yr holl tag y dudalen yn cael eu disgrifio yn y daflen (S) arddull. Ddim yn dudalen ffurflen P newydd drwy PHP neu Perl ar y gweinydd drwy ddewis K o'r gronfa ddata. Bydd taflen arddull presennol S dilyn yn awtomatig. Fodd bynnag, efallai K yn cael ei newid, ac yn y rhan fwyaf o achosion, byddai newid o'r fath yn golygu bod angen arddulliau eraill, hynny yw, S +.

Er enghraifft, dywedodd y cwsmer: "Mae'r safle yn disgrifio bywyd Moscow, bydd yn edrych yn well os bydd yr erthyglau newyddion yn cael eu haddurno yn arddull" ZaZavtrakom ", gan ddisgrifio'r bwrlwm nos yn arddull" Las Vegas "ac erthyglau ar gynnydd gwyddonol a thechnolegol yn arddull" ModernTehno ' ". Ond os ydym yn gwneud S ar dri o'r dewisiadau hyn, nid oes unrhyw warant na fydd y cwsmer yn cael y syniad i gael set o erthyglau "News", "gwyliau", "Gwaith», «CSS / HTML» bonws "HozyaykeNaZametku".

Dull arall yn fwy ymarferol. Waeth beth fo'r categori yr erthygl mae yna bob amser y cynnwys y gellir ei beintio mewn lliw penodol. Yma yn y lle hwn mae cryn syniad synhwyrol: mynd benodol K, yn dal ar y gweinydd i gynhyrchu S digonol, a bydd y porwr yn gofyn am P, bydd yn cael y cynnwys cywir yn y clirio priodol.

arddull Dynameg JavaScript

Isafswm, er bod ateb effeithiol iawn - i wneud y steilio yn uniongyrchol yn y porwr y cleient. Yn gyntaf, mae'n lleddfu y gweinydd - ni fydd yn rhaid i dreulio amser ar ffurfio tudalennau hyperdestun a ffeiliau arddull ar ei gyfer.

Yn ail, bydd y gwastraff yn naturiol o amser y tu mewn i'r porwr creu effaith y mae'r dudalen yn cael ei feddiannu gan fusnes ac yn cefnogi deialog gyda'r ymwelydd: mae'n dal i nid yw'n gweld y cynnwys mewn swmp, ac felly, byddai'n hoffi allbwn gwybodaeth gyson a meddylgar.

Yn drydydd, mae'n caniatáu i'r datblygwr ddarparu mecanwaith i ymwelwyr o gynnwys yn y dull hwn, y mae ef yn gyfforddus. Nid yw'n hyd yn oed yn unrhyw un.

I weithredu'r syniad hwn, mae angen i chi weithredu mecanwaith ar gyfer creu elfennau o arddull yn syth ar ôl y llwythi dudalen, ac yn ystod ei weithrediad. Safle Modern - mae'n AJAX mewn ffurf benodol. Nid yw'n anodd i wneud y ffurfio arddulliau uniongyrchol yn y broses o ffurfio y goeden dudalen. Mae'n hawdd, yn fforddiadwy ac yn effeithiol, gan fod y cynnwys yn ogystal â'i chofrestru.

Nid yw hyn yn gwrth-ddweud y duedd fodern i wahanu'r cyflwyno data o brosesu perfformio ar y data a gadael yn yr arddangosfa.

CSS fel cynhwysyn gweithredol

Hyperdestun dod â llawer o dda, ond dim ond cyfran fechan o'r wybodaeth naturiol ei ffurfioli yn llwyddiannus, roedd offer a phrofiad o ran creu HTML o ansawdd uchel, XML, dogfennau CSS. Ddim yn broblem i ffurfioli'r cyfrolau newydd o wybodaeth a newid eisoes yn gynharach.

O ran CSS, y broses hon yn cael ei actifadu mewn cyd-destun hollol wahanol. offer Built-in yn JavaScript, gan alluogi "ar y hedfan" i greu elfennau ac arddulliau o'r elfennau nad oedd yn rhagweld posibilrwydd o'r fath, ac y crewyr PHP, yn arbennig, y credir ei fod yn ymwneud â ffurfio tudalennau HTML yn unig.

Mae'r cyntaf a'r ail yn caniatáu i wneud arddulliau rhaglennu. Mae'r cyfarwyddyd newydd ym maes technoleg gwybodaeth. Arddulliau beth llawer mwy ffurfiol na'r XML neu HTML, mae'r rheolau yn syml iawn. Style bob amser yn bresennol yn y wybodaeth, ni waeth pa mor naturiol oedd hi.

rhaglenwyr cronfa ddata cofrestru yn cymryd rhan bob amser mewn sectorau llawer mwy ffurfiol, ond mae thema CSS - tasg syml iawn, ond rhywsut nid oedd yn mynd i mewn i'r maes gweld y broses ddatblygu.

Ar y dogma ym maes rhaglennu

Fel mynydd iâ, ni all dogma eangderau hir rhychu gwybodaeth. Roedd profiad yn y gorffennol i ganolbwyntio nid yn unig mewn HTML- a CSS-safonau, offer i weithio gyda hwy, datblygwyr wybodaeth.

Mae dasg syml - i wneud trwy liw ffont CSS - wedi dod o hyd i'r ateb perffaith. Rheolau, cystrawen, rhesymeg a chysur yn ddiamheuol. Ond hyd yn oed pan fydd y ffont mewn gwirionedd nid yw llawer o liwiau ar gyfer ymarfer, nid gormod yn angenrheidiol, ac yn wir at ddibenion realiti virtualization nid oes angen yr holl cronedig "grym» HTML a CSS, daw amser pan fydd y wybodaeth sefyllfaol yn mynd i'r hatgynhyrchu a'u harddangos profiad ac offer o ffurfiant naturiol o arddulliau o gynnwys.

Sut y bydd hyn yn, efallai na fydd yn hollol glir, ond bod y broses eisoes ar y gweill, yn amlwg.