CSS: letra-kolorea, estiloa, eredua, tamaina

Programazioa - ispiluan: hasieran hitza izan zen, eta ez atzera islatzen. Eta oso azkar "aldaketa" izan da: lehen ispilua, orduan hitzaren ... Une honetan, estilo orri Kaskadako - da ona, baina zergatik hain luzea zen sustatzailearen burura joan? CSS - array aldiz bera programa informatikoak aro da, baina beste ikuspegi bat bakarrik. Nahiz eta masa bihurtu elkartze iraultza ez da egin.

web-orrian - HTML-markaketa, eta horrek zenbait estilo edo estilo class identifikatzailea egotzitako etiketa da. Lehena behin definitu daiteke, eta ezer behar askoz denbora behar egozten, eta bigarrena, elementu jakin bat dagokio.

Estilo deskribapena logika orokorra

Tradizioaren arabera, estiloa da CSS fitxategi jartzen, baina bere estilo atributu elementu jakin bati egotzitako. estiloa izango Javascript tresnak dinamika sortu daiteke. Ez da gisa deskribatu garrantzi berezia, adibidez, bitartez CSS kolorea letra-, bere tamaina, entzungailuak, honen barnean aurrekariak eta abar. Kokapena deskribapen estilo, normalean bi ideia testuinguruan garrantzitsua da: geroago deskribatzen du, beraz, lehentasun handiagoa da, eta elementu azaltzen bada, garrantzitsua egiten du !. Azken grabatutako dagoen bezala, argi eta garbi definitzen lehentasuna.

Aplikatu estiloa, adibidez, zenbait letra-kolorea aldatu kolore bat, edonon eta ezer izan daiteke. Galdera da nola elkarrekin erreakzionatzen nabigatzaile batean estilo guztiak desmuntatzeko zehar. Zenbat zuen gastatu CPU honetan zuen?

Ahal izanez gero, letra-kolorea adierazi behar behin bakarrik - klasiko bat da. Pare bat azalpen sinple bat atera pentsatzen, eta gero beste bat eta beste bat ... jakina, egin dezakezu. modan, baina praktikoa da.

ADIBIDEA logika orokor

Nahiko besterik gabe CSS hiru elementu guztietan kolore zehazten, posible da, gutxienez hiru luzeko lasterketak arazo lortzeko:

# Ele1, # Ele2, # Ele3 {
KARGUA: absolutua;
ezkerretik: 20px;
top: 14px;
color: red;
}

# Ele2, # Ele3 {
ezkerretik: 90px; du CSS koordenadak horizontal aldatu //
kolorea: horia; // font CSS kolorea aldatu
}

# Ele3 {
Goiko: 114px; // CSS aldatzeko bertikala koordinatzeko

kolorea: berdea; // berriro ere font CSS kolorea aldatu

background-color: lightgrey; // CSS testua nabarmentzeko kolorea aldatu, baina hori ez da # Ele1 eta # Ele2 dauden; Posizio ere aldatu, baina # Ele2 atalean aldatu da eta ez, hemen

}

Orain gogoratu hiru elementu horiek guztiek definitzen da nonbait behar dugu, eta kolore gune jabea irudikapen aldaketa bat gertatuz gero, sustatzailearen gogoratzen ez bakarrik kolorea, baina, era berean, ezkerreko arauak eta goi buruz, eta are Nabarmendu testuaren kolorea ez da ahaztu behar aldatu behar izango dute.

garatzaile guztiek ez revered baldintza CSS: Estilo ID - elementu bakarra, eta klase estiloa - etiketa asko, etiketa adjektibo gisa ere posible azken puntua gain:

• font CSS kolore ezar - estilo groundColor klase;
• letra-tamaina zehaztu - class size15;
• Multzo posizio - class PlaceUp.

Jakina, identifikatzaileak erabiltzea, batez ere dagozkio markatzen elementu bera dute, hamar style klaseak, orri elementuen ehunka hainbat konbinazio margotu. Baina dena bere logika objektiboa du.

Sustatzailearen besterik behar da behar bezala kontuan hartzen: letra-kolorea, nahiz HTML, CSS gogorra deskribatzeko eskaintzen ditu, azalpenak egitura orokorra malgutasuna - hori bere lana.

espero logika ohikoa erabiliz Emaitza

Nabigatzaile Modern style fitxategiak eta bolumen asko eroso. Hala ere, diseinatzeko, bereziki CSS bidez, kolore orri osoa, beti behar duzu zentzuzko nahikotasun uste. Ez da estilo arau guztiak "merkea" look aplikazioan. Simple lakonikoa sarrera: * {kolorea: zuria;} -, zalantzarik gabe ederra, baina aplikatzen orriaren elementu guztiak behar da, salbuespenik gabe.

arau guztiak, hau da CSS, garrantzitsuena hornituak Of:

• style - klasea, eta gero izenarekin hasten da, "."
• style - identifikatzailea eta bere izena "#" a pertsonaia batekin hasten da;
• izen-etiketa bat edo zerbait berezia - Beste kasu batean

Gainerako deskribapen ideiak zatia estiloak ere (herentzia propietate bata bestearen gainean, lehentasunak, jarrera, ordena eta antzera. D.) adimentsuan eta erabat beharrezkoa erabili behar dira.

nabigatzaileak beti faltan, ez egin out deskribapena, beraz sorpresa berezirik ez. Zerbait ez zen bada leku egokian edo ezarri font CSS kolorea ez da posible, beraz, akatsa estiloan.

ustekabeko aukerak

Ez litzateke neurriz * {ezker bezalako estiloak: 124px; } edo

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0; }
a img {mugatik: 0; }

Zaila nahiz eta hasibe sustatzailearen bat egin CSS arauak erabili diren bezala den arren. Beti gune edozein garapenean, nahiz eta primeran sinple CSS sintaxia ustekabeko arazoak ematen. Hala ere, sintaxia erabilera zuzena ahalegin zuzena, baina bada aplikatu Javascript funtzionalitate da aukera berriak eta ustekabeko monotonoa sortzen identifikatzaileak elementu bakoitzerako saihestu egingo dira, edo estilo eta klaseak hainbat erabilera kontrolatzeko.

CSS - estilo-fitxategi hori edo hura sartu orria konektatutako link etiketa bidez txertatuko style etiketa bidez ez da bakarrik. Ere posible da unean estilo bat existitzen den bat sortu edo aldatu.

CSS erabiliz, letra-kolorea programazioaren egin daiteke. Baita tamaina eta posizioa, marjinak eta. Web - ez da helburu bat CSS, HTML, PHP edo Javascript ondorioak flash ezagutza aplikatzeko.

Web baliabide - modu jakin batean eskainitako informazio guztia lehenengo da. Horregatik CSS da onena nola posible da osatzen lentearen bidez dinamika ikusita, orriaren da oraindik, berriz zerbitzarian (ez da unean erabilgarri PHP denean gune bisitariak zen, ez denbora denean gunean garatzen zen etan sustatzailearen), nahi den estilo-orria testu zehatz bat eduki garrantzitsuak, edo estilo klase edo identifikatzailea orri gisa unean lanean ari da sortzeko, betiere itxura bisitari jakin batean du.

dinamika estatikoan

Ez beti idazten dugu sofistikatua aurkitu Javascript-kodea eduki dinamiko eta bere diseinua egiteko - edukien egokia. Batzuetan nahikoa behar bezala erabili eskuragarri dauden aukerei da. Bereziki, arau Hasieran estatikoan definitzeko CSS font color arabera, arau honetan (ezkutaturik) ezkuta dezakezu eta ikusteko hainbat (ikusgai).

Hemen, hiztuna ez du eskatzen algoritmoa:

// sarrerako botoia webgunearen bidez nabarmendu
Funtzio scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ikusgai' .;
}

// sarrerako botoia webgunearen bidez ezkutatu
funtzionatu scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ezkutuko' .;
}

tickers, elementu gardenak, hainbat embodiments gainjartzeak, erakustaldiak, koloreak lausotzen: CSS propioa dinamika eskaintzen du. CSS gain, letra-kolorea egin ahal izango da, nahiz eta, beraz, ez estiloari Arau bat ez da ematen.

Dinamikoa edukiaren bistaratzea

ez zegoen dogma ez bada, agian ez aurrerapenaren ez litzateke. Just ez nolakoa den aurka izan zen. Hypertext mundura ekarri dogma asko. Denbora arreta haiei eta estilo pragmatikoa eta praktikoan guneak garatzen hasten da.

Hasieran, ez orri bat (P) da, edukia (K) batzuk, orriaren etiketa guztiak dira estilo-orri (S) deskribatzen dira. Ez da inprimaki P orri berri bat PHP edo Perl bidez K aukeratzerakoan basetik arabera zerbitzarian. Dauden estilo-orri S automatikoki jarraituko du. Hala ere, K alda daiteke, eta kasu gehienetan, hala nola, aldaketa bat, beste estilo beharra, hau da, S + ekarriko luke.

Adibidez, bezeroak esan: "Gune Moskuko bizitza, hobeto ikusiko deskribatzen albisteak dira estiloan apaindua bada" ZaZavtrakom ", gaueko estiloan zalapartan deskribatzen" Las Vegas "eta estiloan aurrerapen zientifiko eta teknologikoak buruzko artikuluak" ModernTehno ' ". Baina S egiten ditugu aukera horiek hiru badira, ez dago hori bezeroak ez du ideia artikulu multzo bat "News", "opor", "Lan egin», «CSS / HTML» bonus "HozyaykeNaZametku" izan behar bermea da.

Beste ikuspuntu praktiko. Artikuluaren kategoria edozein izanda beti dago edukia duten kolore jakin bat margotu daiteke. Hemen leku hau ez da nahiko sensible ideia bat da: lortu K zehatzak, oraindik zerbitzarian S egoki bat sortzeko, eta nabigatzaileak P, beharrezkoa izango da, ezta edukiak egoki sakea ere lortuko zuela.

Dinamika Javascript-estilo

Gutxieneko, nahiz irtenbide oso eraginkorra - Sorozabal zuzenean egin bezeroaren nabigatzailean. Lehen, zerbitzariak arintzen da - ez dute denbora hipertestu orriak eta estilo fitxategiak for eraketa orrian.

zuen oraindik ez du ontziratu edukia ikusteko, beraz, koherentea eta pentsakor informazio irteera bat nahi zuen: Bigarren, nabigatzailea barruan denbora galtzea naturala eragina duten orrialdean dago negozio okupatu eta aktiboki bisitariak elkarrizketa onartzen sortuko du.

Hirugarren, sustatzailearen bisitaria style eduki, bertan eroso zuen mekanismoa eskaintzeko aukera ematen du. Ez da, nahiz inor.

Ideia hau ezartzeko, mekanismo bat ezartzeko berehala orria kargatu ondoren style elementu sortzeko behar duzu, eta bere funtzionamendua ikastaroan. gune Modernoak - AJAX da inprimaki zehatz batean. Ez da zaila estilo eraketa burutzeko zuzenean orria zuhaitz eraketa prozesuan. Oso erraza, merkean eta eraginkorra da, edukia bere matrikula batera dagoelako.

Horrek ez du ezeztatzen joera modernoak datuen gainean egin eta pantaila batean utziz prozesatzeko datu aurkezpena bereizteko.

CSS osagai aktibo gisa

Hypertext on asko ekarri, baina informazio natural zati txiki bat bakarrik behar bezala formalizatu zen, tresnak eta kalitatezko HTML, XML, CSS dokumentuak sortzeko esperientzia zeuden. Ez da arazo bat informazio bolumen berria formalizatzeko eta dagoeneko lehenago egin Aldatu.

CSS dagokienez, prozesu hau erabat beste testuinguru batean aktibatzen da. Eraiki-en tresnak Javascript ere, ahalbidetzen "hegan" elementu eta estilo elementu ez zuen aukera hori aurreratzen sortzeko, eta PHP sortzaileek, bereziki, uste HTML orriak bakarrik eraketa arduratzen.

Bai lehen eta bigarren egin programazio estilo ematen du. Informazio teknologiaren arloan norabide berri hori. Estiloak XML edo HTML baino gauza formal nabarmen gehiago, arauak oso sinpleak dira. Style beti informazio dauden, ez du axola zenbat natural izan zen.

Izen-ematea datu-basea programatzaileek arduratzen dira beti askoz gehiago formalizatu sektoreetan, baina CSS gaia - oso erraza da, baina, nolabait, ez zuen garapen-prozesuaren ikuspegi eremuan sartu.

programazioaren arloan dogma On

iceberg baten antzera, dogma bat ezin zabaltzen luze Informazio furrowing. Past esperientzia bakarra HTML- eta CSS-estandarrak ere, tresnak, haiekin lan egiteko, ezagutza garatzaileek kontzentratu behar izan.

simple zeregin A - to CSS font color bidez egin - irtenbide ezin hobea aurkitu du. Arauak, sintaxia, logika eta erosotasuna eztabaidaezina dira. Baina, nahiz eta letra-benetan behar ez praktika kolore asko, gehiegi ez da beharrezkoa, eta hain zuzen ere birtualizazio errealitatea helburuetarako ez da beharrezkoa metatutako "indarra» HTML eta CSS guztientzat, ez dago denbora bat dator denean, egoeraren ezagutza joan erreproduzitu eta bistaratu esperientzia eta edukiak estiloak modu naturalean sortzeko tresnak.

Nola izango da hori, agian, ez da oso argi, baina prozesua dagoeneko abian, jakina.