CSS: fonta krāsu, stilu, modelis, izmērs

Programmēšana - spogulis: sākumā bija vārds, un nav atspoguļots atpakaļ. Un ļoti ātri tas bija "maiņa": pirmais spogulis, tad vārdu ... Šajā brīdī, kaskādes stila lapas - ir labi, bet kāpēc tik ilgi bija gatavojas prātā attīstītājs? CSS - tas ir visas tās pašas masīva reizes laikmets datorprogrammu, bet tikai citā perspektīvā. Pat tad, kad masu kļūt asociatīvā revolūcija nav veikts.

mājas lapā - tas tagus HTML atzīmes, kuras var attiecināt uz konkrētu stilu vai stila klases identifikatoru. Pirmo var noteikt, kad un piedēvēt kaut cik nepieciešams laiks, un otrais pieder konkrētam elementam.

Vispārējais loģika aprakstu stilu

Pēc tradīcijas, stils ir ievietots CSS-failu, bet to var attiecināt uz konkrētu elementu savā stilā atribūtu. Stils var izveidot dinamikā JavaScript instrumentus. Īpaši svarīgi ir nevis kā aprakstīts, piemēram, izmantojot CSS krāsu fontu, lielumu, austiņām, fona ar to, un tā tālāk. Vietas apraksts stils ir svarīgs kontekstā, parasti divas idejas: vēlāk aprakstīts, tāpēc tā ir augstāka prioritāte, un, ja tas aprakstīts elementa, tas svarīgi !. Pēdējā ieraksta kā tas ir, skaidri nosaka prioritāti.

Piesakies stilu, piemēram, konkrētu fonta krāsu maiņa krāsu, var būt jebkurā vietā un jebkas. Jautājums ir, kā reaģēt uz to pārlūkprogrammā demontāžu visu stilu laikā kopā. Cik daudz viņš pavada uz šīs CPU?

Ideālā gadījumā fonta krāsa jānorāda tikai vienreiz - tas ir klasisks. Padomā, lai vienkāršu aprakstu pāris, un tad vēl un vēl ... protams, tas ir iespējams. Tas ir moderns, bet praktiski.

Example vispārīgs logic

Diezgan vienkārši nosaka CSS krāsu visiem trim elementiem, ir iespējams iegūt vismaz trīs ilgstošās problēmas:

# Ele1, # Ele2, # Ele3 {
POSITION: absolūts;
left: 20px;
top: 14px;
krāsa: sarkana;
}

# Ele2, # Ele3 {
pa kreisi: 90 pikseļus liels; // mainīt CSS horizontālās koordinātes
krāsa: dzeltena; // mainīt krāsu fonta CSS
}

# Ele3 {
top: 114px; // mainīt CSS vertikālā koordinātu

krāsa: zaļa; // atkal mainīt krāsu fonta CSS

fona krāsu: lightgrey; // CSS teksta izcelt krāsa mainījusies, bet tas nav klāt # Ele1 un # Ele2; amats arī ir mainījies, bet tas ir mainījies # Ele2 un nevis, kā tas šeit

}

Tagad mums ir jāatceras, ka visi šie trīs elementi ir definēta kaut kur, un gadījumā, ja mainās krāsu pārstāvniecībās vietnes īpašnieks, attīstītājs būs jāatceras ne tikai par krāsu, bet arī par kreisi noteikumiem un top, un pat mainīt izcelt krāsu teksta nedrīkst aizmirst.

Ne visi izstrādātāji ir revered prasība CSS: Style ID - tikai viens elements, kā arī klases stilā - daudz birku, turklāt pēdējā iespējamā brīdī tagiem, kā īpašības vārdi:

• uzstādītu fonta krāsu CSS - stila groundColor klasē;
• norādiet fonta izmērs - klases size15;
• komplekts amats - klase PlaceUp.

Protams, izmantojot identifikatoru, jo īpaši, ja tie pieder pie tās pašas marķējuma elementam, top desmit stila nodarbības, krāsotas dažādās kombinācijās simtiem lapas elementiem. Bet viss ir sava objektīvu loģiku.

Attīstītājs vienkārši ir pareizi ņemt vērā: pat tad, ja fonta krāsu HTML, CSS piedāvā aprakstīt grūti, elastību vispārējās struktūras apraksti - tas ir viņa darbs.

Gaidāmais rezultāts, izmantojot kopēju loģiku

Mūsdienu pārlūkprogrammas ir apmierināti ar daudz stila failus un apjomiem. Tomēr projektēšana, jo īpaši, izmantojot CSS, krāsa visu lapu, jums vienmēr vajadzētu domāt par saprātīgu pietiekamību. Ne visi stila noteikumi "lēti" izskatās pieteikumā. Vienkāršs lakonisks ieraksts: * {krāsa: balta;} - protams skaisti, bet tas attiecas uz visiem lapas elementiem, bez izņēmuma.

No visiem noteikumiem, kas ir aprīkota ar CSS, svarīgākais:

• stils - klasi, un tad vārds sākas ar "."
• stils - identifikators, un tās nosaukums sākas ar "#" simbolu;
• citos gadījumos - vārda zīmi vai kaut ko īpašu

Atlikusī daļa aprakstu ideju Styles (mantojuma īpašības pārklājas, prioritātes, stāvokli pasūtīt un tamlīdzīgi. D.) Ja jāizmanto gudri un absolūti nepieciešams.

Pārlūkprogrammai vienmēr garām, nepadara aprakstā, tā, ka īpašās pārsteigumi nebūs. Ja kaut kas nav īstajā vietā, vai arī iestatīt fonta krāsa CSS nav iespējams, tādēļ, stilā kļūdu.

negaidītas iespējas

Nedrīkst ļaunprātīgi stiliem, piemēram, * {kreisās: 124px; } vai

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

Lai gan tas ir grūti, lai pat iesācējs attīstītājs izmantot CSS noteikumus, jo tie ir. Vienmēr attīstībā jebkurā vietā, pat pilnīgi vienkāršu CSS sintakse dod neparedzētas problēmas. Tomēr, ja piemēro tiešās centieni uz pareizu lietošanu sintaksi, bet JavaScript funkcionalitāte ir jaunas un negaidītas iespējas izvairīsies monotons izveidot identifikatoru katram elementam, vai lai uzraudzītu izmantošanu dažādos stilos un klasēs.

CSS - ir ne tikai stils fails, kas ir saistīta ar lapu, izmantojot saiti tag vai ievietota to caur stila tag. Tas ir arī iespējams izveidot stilu lidot vai modificēt esošu vienu.

Izmantojot CSS, fonta krāsu var izdarīt programmatiski. Kā arī izmēru un pozīciju, peļņu. Mājas - nav mērķis, piemērot zināšanas CSS, HTML, PHP vai JavaScript efektiem zibspuldzi.

Web resurss - ir pirmais no visiem piedāvātā noteiktā veidā informāciju. Tas ir iemesls, kāpēc CSS vislabāk redzēt dinamikā caur lēcu, kā tas ir iespējams veidot, kamēr lapa joprojām uz servera (tas nav pieejams PHP brīdī, kad vietnes apmeklētājs nāca, nevis attīstītājs brīdī, kad viņš bija jaunattīstības vietā), vēlamo stilu īpašs teksts atbilstošu saturu, vai arī, lai izveidotu stila klases vai identifikatoru lidot kā lapa strādā, ja tas izskatās konkrētā apmeklētājs.

statiskie dinamika

Mums nevajadzētu vienmēr rakstīt sarežģīta atrašanas JavaScript kodu, lai padarītu dinamisku saturu un tās dizains - atbilstošu saturu. Dažreiz tas ir pietiekami, lai pareizi izmantotu pieejamās iespējas. Jo īpaši, nosakot CSS fonta krāsa sākotnēji statisko noteikumu, jūs varat paslēpt šo noteikumu (slēpts) un vizualizēt atšķirīgs (redzams).

Lūk, runātājs neprasa algoritmu:

// izcelt ievades pogu lapā
funkcija scfWelcomeOver () {
document.getElementById ( "scDocxNamePiP") style.visibility = 'redzams' .;
}

// slēpt ievades pogu lapā
funkcionēt scfWelcomeOut () {
document.getElementById ( "scDocxNamePiP") style.visibility = 'slēpts' .;
}

CSS piedāvā savu dinamiku: tickers, caurspīdīgi elementi, dažādi iemiesojumos pārklājumus displejus, izbalēšanu krāsas. CSS, fonta krāsu var izdarīt arī tā, ka neviens stilistiskais noteikums netiek sniegta.

Dinamisks saturs displejs

Ja nebija dogmas, varbūt nebūtu progresa. Tikai ne to, kas tas bija, piemēram, lai cīnītos. Hiperteksta ievestas pasaulē daudz dogmu. Ir pienācis laiks pievērst uzmanību tiem, un sākt izstrādāt vietnes pragmatiski un praktiski stilā.

Sākotnēji tur ir lapa (P), daži no jūsu saturu (K), visiem tagiem lapā ir aprakstīti stila lapas (S). Nav jaunu formu P lapā izmantojot PHP vai Perl uz servera, izvēloties K no datu bāzes. Esošās stila lapu S sekos automātiski. Tomēr K var tikt mainīta, un vairumā gadījumu šādas izmaiņas radītu nepieciešamību pēc citiem stiliem, tas ir, S +.

Piemēram, klients teica: "Šī vietne ir aprakstīta dzīve Maskavas izskatīsies labāk, ja ziņu raksti ir iekārtoti stilā" ZaZavtrakom ", aprakstot nakts burzma stilā" Las Vegas "un rakstus par zinātnisko un tehnoloģisko progresu stilā" ModernTehno ' ". Bet, ja mēs S par trim no šīm iespējām, nav garantijas, ka klients nebūs ideja ir rakstu kopu "News", "Holiday", "Work», «CSS / HTML» prēmija "HozyaykeNaZametku".

Cita pieeja vairāk praktiska. Neatkarīgi no kategorijas raksta vienmēr ir saturs, kas var krāsot noteiktā krāsā. Šeit, šajā vietā ir diezgan saprātīgs ideja: Detalizētu K, vēl uz servera, lai radītu atbilstošu S, un pārlūkprogramma prasīs P, viņš saņems pareizo saturu pareizu klīrensu.

Dinamika stils JavaScript

Minimālais, kaut arī ļoti efektīvs risinājums - darīt to stilu tieši klienta pārlūkprogrammu. Pirmkārt, tas atvieglo serveris - nebūs jātērē laiks veidošanos hiperteksta lapas un stila failus tajā.

Otrkārt, dabas laika izšķiešana iekšpusē pārlūku radīs efektu, ka lapa aizņem uzņēmējdarbībā un aktīvi atbalsta dialogu ar apmeklētāju: viņš vēl neredz saturu vairumā, tāpēc viņš gribētu konsekventu un pārdomāto informācijas produkciju.

Treškārt, tas ļauj attīstītājam sniegt apmeklētājs mehānismu satura šajā stilā, kurā viņš ir ērti. Tas nav pat kāds.

Lai īstenotu šo ideju, jums ir nepieciešams ieviest mehānismu, lai izveidotu elementu stilu uzreiz pēc lapas ielādes laikā, un šajā laikā tā darbību. Modern vietā - tas ir AJAX kādā konkrētā veidā. Tas nav grūti veikt veidošanos stilu tieši veidošanās procesā no lapas koku. Tas ir vienkāršs, lēts un efektīvs, jo tās saturs ir kopā ar savu reģistrāciju.

Tas nav pretrunā mūsdienu tendence nodalītu prezentāciju datus no apstrādi veic uz datiem un izved uz displeja.

CSS kā aktīvo vielu

Hiperteksta cēla daudz laba, bet tikai neliela daļa no dabas informācija tika veiksmīgi noformēts, tur bija instrumenti un pieredze, veidojot augstas kvalitātes HTML, XML, CSS dokumentus. Nav problēmu formalizēt jaunus apjomus informācijas un mainīt jau agrāk.

Attiecībā uz CSS, šis process tiek aktivizēts pilnīgi citā kontekstā. Built-in rīkus JavaScript, kas ļauj "par fly", lai izveidotu elementus un stilu elementiem nav paredzēt šādu iespēju, un veidotāji PHP, jo īpaši, domājams, tiks iesaistīti veidojot tikai HTML lapas.

Gan pirmais, gan otrais ļauj darīt programmēšanas stili. Šis jaunais virziens ir informācijas tehnoloģiju jomā. Stili ievērojami vairāk formāla lieta kā XML vai HTML, noteikumi ir ļoti vienkārši. Stils ir vienmēr klāt informāciju, neatkarīgi no tā, cik dabiski tas bija.

Reģistrācijas datu bāzes programmētāji ir iesaistīti vienmēr daudz oficiālas sektoros, bet CSS tēma - ļoti vienkāršs uzdevums, bet kaut kā nav iekļuvuši jomā, ņemot vērā izstrādes procesā.

Par dogma jomā plānošanu

Tāpat kā aisbergs, dogma nevar ilgi plašumiem furrowing informāciju. Pagātnes pieredze bija koncentrēties ne tikai HTML- un CSS standartiem, rīkus, lai strādātu ar tiem, zināšanas izstrādātājiem.

Vienkāršs uzdevums - lai, izmantojot CSS fonta krāsa - ir atradis perfektu risinājumu. Noteikumi, sintakse, loģika un komforts ir nenoliedzams. Bet pat tad, ja fonts patiesībā ir nevis daudz krāsas praksi, pārāk daudz nav nepieciešams, un patiesi, lai par realitāti virtualizācijas mērķiem, nav nepieciešams visu uzkrāto "spēka» HTML un CSS, tur nāk laiks, kad situācijas zināšanas doties uz reproducēt un parādīta pieredze un instrumenti dabas veidošanās stilu satura.

Kā tas būtu, nevar būt pilnīgi skaidrs, taču šis process jau notiek, protams.