Programmēšana ir spogulis:sākumā bija vārds, un tā netika atspoguļota atbilde. Un ļoti ātri man bija "jāmainās": vispirms spogulis, pēc tam vārds ... Pašlaik kaskādes stila lapas ir labas, bet kāpēc izstrādātāja apziņa tik ilgi gāja pie tām? CSS ir tas pats laikmetu kopums no datorprogrammu ēras sākuma, bet tikai no citas perspektīvas. Pat tad, kad masīvi kļuva asociatīvi, tas neradīja revolūciju.
Vietnes lapa ir HTML iezīmēšanas tagi, kasvar piešķirt noteiktu stila klasi vai stila identifikatoru. Pirmo var definēt vienu reizi un piešķirt jebkuram tik reižu, cik nepieciešams, otrais pieder konkrētam elementam.
Vispārīgā loģika stilu aprakstīšanai
Pēc tradīcijas stils tiek ievietots CSS failā, betvar piešķirt noteiktam elementam tā stila atribūtā. Stilu var izveidot dinamiski, izmantojot JavaScript. Nav īsti svarīgi, kā aprakstīt, piemēram, izmantojot CSS fonta krāsu, tā lielumu, burtveidolu, fonu zem tā utt. Stila apraksta vietai ir nozīme parasti divu ideju kontekstā: jo vēlāk tas tiek aprakstīts, jo tā ir prioritāte, un, ja tas tiek aprakstīts uz elementa, tad tas ir pilnīgi! Svarīgi. Pēdējais, rakstīts tā, kā tas ir, skaidri nosaka prioritāti.
Pielietojiet stilu tā, lai, piemēram, noteiktu fonta krāsumainījusies krāsa, jūs varat visur un jebkādā veidā. Jautājums ir, kā pārlūkprogramma reaģēs uz to, izjaucot visus kopuma stilus. Cik daudz centrālais procesors tam tērēs?
Ideālā gadījumā fonta krāsa jānorāda tikai vienu reizi - tā ir klasika. Padomāt par pāris vairāk par vienu vienkāršu aprakstu un pēc tam vēl un vēl ... protams, jūs varat. Tas ir moderns, bet nepraktisks.
Vispārējās loģikas piemērs
Tas ir ļoti vienkārši: nosakot krāsu tikai trim elementiem, izmantojot CSS, jūs varat iegūt vismaz trīs ilgtermiņa problēmas:
# Ele1, # Ele2, # Ele3 {
NOSTĀJA: absolūta;
pa kreisi: 20 pikseļi;
augšdaļa: 14 pikseļi;
krāsa: sarkana;
}
# Ele2, # Ele3 {
pa kreisi: 90 pikseļi; // mainīt horizontālo CSS koordinātu
krāsa: dzeltena; // mainīt CSS fonta krāsu
}
# Ele3 {
augšdaļa: 114 pikseļi; // mainīt vertikālo CSS koordinātu
krāsa: zaļa; // atkal mainīt CSS fonta krāsu
fona krāsa: gaiši pelēka; // CSS teksta izcelšanas krāsa ir mainīta, taču tā nav # Ele1 un # Ele2; tiek mainīta arī pozīcija, taču tā jau ir mainījusies # Ele2 un nav tāda pati kā šeit
}
Tagad jums jāatceras, ka visi šie trīs elementiir kaut kur definēti, un, ja mainās vietnes īpašnieka krāsu attēlojums, izstrādātājam būs jāatceras ne tikai par krāsu, bet arī par kreisajiem un augšējiem noteikumiem, un nevajadzētu aizmirst par krāsas maiņu. teksta atlase.
Ne visi izstrādātāji ievēro CSS prasību: identifikatora stils ir paredzēts tikai vienam elementam, un klases stils ir paredzēts daudziem tagiem, turklāt pēdējos tagos var norādīt kā īpašības vārdus:
- iestatiet fonta krāsu CSS - klases groundColor stils;
- norādiet fonta lielumu - klases izmērs15;
- noteiktā pozīcija - klase PlaceUp.
Protams, identifikatoru,it īpaši, ja tie pieder vienam marķēšanas elementam, pārdesmit stila klasēm, kas krāsotas dažādās kombinācijās, labāki ir simts lappušu elementi. Bet visam ir sava objektīva loģika.
Izstrādātājam vienkārši ir pareizi jāapsver: pat ja HTML fonta krāsa, CSS piedāvā stingri aprakstīt, tad aprakstu vispārējās struktūras elastīgums ir viņa darbs.
Paredzamais kopējās loģikas piemērošanas rezultāts
Mūsdienu pārlūkprogrammas ir ērtiliels skaits stila failu un to izmēru. Tomēr, izstrādājot, it īpaši izmantojot CSS, visas lapas krāsu, vienmēr vajadzētu domāt par saprātīgu pietiekamību. Ne visi stila noteikumi ir “lēti” lietojami. Vienkāršs lakonisks apzīmējums: * {color: white;} - noteikti skaists, taču tas bez izņēmuma attiecas uz visiem lapas elementiem.
Starp visiem noteikumiem, ar kuriem CSS ir aprīkots, vissvarīgākais:
- stils ir klase, un tad tā nosaukums sākas ar ".";
- stils ir identifikators, un tā nosaukums sākas ar rakstzīmi "#";
- citos gadījumos tas ir taga nosaukums vai kaut kas īpašs
Pārējās idejas, kas saistītas ar stilu aprakstīšanu (mantošana, īpašības, kas pārklājas, prioritātes, pozīcija, kārtība utt.), Jāpiemēro jēgpilni un stingri pēc vajadzības.
Pārlūkprogramma vienmēr izlaidīs to, ko nesaprotapraksts, tāpēc īpašu pārsteigumu nebūs. Ja kaut kas nebija īstajā vietā vai ja CSS nebija iespējams iestatīt fonta krāsu, pastāv stila kļūda.
Negaidītas iespējas
Stili, piemēram, * {pa kreisi: 124 pikseļi; } vai
ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
a img {apmale: 0; }
Lai gan ir grūti iegūt pat iesācējuizstrādātājam izmantot CSS noteikumus tādus, kādi tie ir. Vienmēr jebkuras vietnes izstrādes laikā pat pilnīgi vienkārša CSS sintakse rada neparedzētas problēmas. Tomēr, ja jūs koncentrējat savus centienus uz pareizu sintakses lietošanu, bet lietojat tam JavaScript funkcionalitāti, tad negaidītas jaunas funkcijas ļaus jums izvairīties no monotoniskas katra elementa identifikatoru izveidošanas vai sekot līdzi stila klases dažādībai.
CSS nav tikai stila fails, kas ir saistīts ar lapu, izmantojot saites tagu, vai ievietots tajā, izmantojot stila tagu. Tā ir arī iespēja izveidot stilu lidojumā vai modificēt esošu.
Lietojot CSS, fonta krāsu var izdarīt programmatiski. Kā arī izmērs un novietojums, polsterējums. Vietnes mērķis nav pielietot zināšanas CSS, HTML, PHP vai parādīt JavaScript efektus.
Tīmekļa resurss galvenokārt ir informācija,piedāvāti noteiktā veidā. Tāpēc CSS dinamikā vislabāk skatās caur veidošanas prizmu, kamēr lapa joprojām atrodas serverī (PHP ir ar to aizņemts brīdī, kad apmeklētājs ieradās vietnē, nevis izstrādātājs tajā laikā. kad viņš izstrādā vietni), nepieciešamo stila failu konkrētam tekstam, faktiskajam saturam vai lapas darbības laikā, kad konkrēts apmeklētājs to skata, izveidojiet klases vai identifikatora stilu.
Statiskā dinamika
Jums nevajadzētu vienmēr rakstīt sarežģītu JavaScript kodu,padarīt saturu dinamisku, un tā noformējums - atbilstošs saturam. Dažreiz ir pietiekami pareizi izmantot pieejamās iespējas. Konkrēti, nosakot fonta krāsu, izmantojot CSS kā sākotnēji statisku kārtulu, jūs varat paslēpt šo kārtulu (slēpto) un padarīt otru (redzamu).
Šeit dinamikai nav nepieciešams algoritms:
// iezīmējiet vietnes pieteikšanās pogu
funkcija scfWelcomeOver () {
document.getElementById ("scDocxNamePiP"). style.visibility = "redzams";
}
// paslēpt pieteikšanās pogu vietnē
funkcija scfWelcomeOut () {
document.getElementById ("scDocxNamePiP"). style.visibility = "slēpts";
}
CSS piedāvā savu dinamiku:ložņājošās līnijas, elementu caurspīdīgums, dažādas iespējas pārklājumiem, izpausmēm, krāsu izbalēšanai. CSS fonta krāsu var izgatavot pat tādā veidā, ka netiek sniegti stila noteikumi.
Dinamiska satura attēlošana
Ja nebūtu dogmu, droši vien nebūtuprogresu. Vienkārši nebija ar ko cīnīties. Hiperteksts ienesa pasaulē daudzas dogmas. Ir pienācis laiks pievērst viņiem uzmanību un sākt vietņu izstrādi pragmatiskā un praktiskā stilā.
Sākumā ir lapa (P), tajā irsaturs (K), visi lapu tagi ir aprakstīti stila lapā (S). Nav jauns ģenerēt P lapu, izmantojot serveri PHP vai Perl, datu bāzē atlasot K. Esošā stila lapa S tiks piemērota automātiski. Tomēr K var mainīt, un vairumā gadījumu šādas izmaiņas radīs vajadzību pēc citiem stiliem, tas ir, S +.
Piemēram, klients teica:"Vietne, kurā aprakstīta Maskavas dzīve, izskatīsies labāk, ja ziņu raksti tiks veidoti stilā" Brokastīm ", nakts burzmas apraksti" Lasvegasas "stilā un raksti par zinātnisko un tehnoloģisko progresu laikrakstā" ModernTechno " "stils." Bet, ja jūs izvēlaties S šīm trim iespējām, tad nav garantijas, ka klientam nebūs idejas par rakstu kopu "Jaunumi", "Svētki", "Darbs", "CSS / HTML" un "Saimniece" uz piezīmi "bonuss.
Cita pieeja ir praktiskāka.Neatkarīgi no raksta kategorijas tajā vienmēr ir saturs, kuru var iekrāsot noteiktā krāsā. Šajā brīdī rodas diezgan saprātīga ideja: saņemot konkrētu K, izveidojiet serverī atbilstošu S un, kad pārlūks pieprasīs P, tas saņems nepieciešamo saturu pareizā dizainā.
Stila dinamika no JavaScript
Minimālais, lai arī ļoti efektīvais risinājums ir -veiciet stilu tieši klienta pārlūkprogrammā. Pirmkārt, tas izkrauj serveri - nevajadzēs tērēt laiku, veidojot tam lapas hiperteksta un stila failus.
Otrkārt, dabiska laika izšķiešana iekšāpārlūks radīs efektu, ka lapa ir aizņemta un aktīvi uztur dialogu ar apmeklētāju: vienalga viņš saturu neuztver lielapjomā, tāpēc viņam patiks konsekventa un pārdomāta informācijas parādīšana.
Treškārt, tas ļauj izstrādātājam nodrošināt apmeklētājam mehānismu satura ģenerēšanai tādā stilā, kādā tas viņam ir ērti. Nevienam citam tas nav.
Lai īstenotu šo ideju, tas ir jāīstenomehānisms elementu stilu izveidei tūlīt pēc lapas ielādes un tās darbības procesā. Mūsdienu vietne vienā vai otrā veidā ir AJAX. Stilu veidošanos nav grūti veikt tieši lapas koka veidošanās laikā. Tas ir vienkārši, pieejams un efektīvs, jo saturs atbilst tā dizainam.
Tas nav pretrunā ar mūsdienu tendenci atdalīt datu prezentāciju no to apstrādes un tiek veikts uz datiem, kas atstāti parādīšanai.
CSS kā aktīvs komponents
Hiperteksts nesa daudz laba, bet tikai nedaudzmazliet dabiskās informācijas tika veiksmīgi formalizēts, parādījās rīki un pieredze augstas kvalitātes HTML, XML, CSS dokumentu izveidē. Formalizēt jaunus informācijas apjomus un mainīt jau iepriekš paveikto nav problēma.
Attiecībā uz CSS šis process jau tiek aktivizētspavisam cits konteksts. Iebūvētie JavaScript rīki, kas ļauj jums izveidot elementus un elementu stilus lidojumā, nenozīmēja šādu iespēju, un jo īpaši PHP veidotāji uzskatīja, ka ir iesaistīti tikai HTML lapu veidošanā.
Gan pirmais, gan otrais ļauj to izdarītprogrammēšanas stili. Tas ir jauns virziens informācijas tehnoloģiju jomā. Stili ir daudz formālāki nekā HTML vai XML, noteikumi ir ļoti vienkārši. Stils vienmēr atrodas informācijā, neatkarīgi no tā rakstura.
Programmētāji vienmēr nodarbojas ar datu noformēšanu daudz neformālākās jomās, taču CSS tēma ir ļoti vienkāršs uzdevums, taču kaut kā tas neietilpa attīstības procesa redzeslokā.
Par dogmām programmēšanas jomā
Tāpat kā aisbergs, dogma nevar ilgi uzartinformācijas telpas. Uzkrātā pieredze bija jākoncentrē ne tikai HTML un CSS standartos, instrumentos darbam ar tiem, izstrādātāju zināšanām.
Vienkāršs uzdevums ir padarīt krāsu ar CSSfonts - atradis manu ideālo risinājumu. Noteikumi, sintakse, loģika un ērtības nav noliedzami. Bet pat tad, kad jums patiešām nav nepieciešams daudz fontu, jums nav vajadzīgas daudz krāsas, lai praktizētu, un kopumā realitātes virtualizācijas nolūkos visa HTML un CSS uzkrātais "spēks" nav kas vispār vajadzīgs, pienāk brīdis, kad situācijas zināšanas nonāk reproducēšanā, un no satura parādās pieredze un instrumenti dabiskai stilu izglītošanai.
Varbūt nav pilnīgi skaidrs, kā tas būs, bet fakts, ka process jau notiek, ir acīmredzams.
