CSS: šrifto spalva, stilius, modelis, dydis

Programavimas - veidrodis: pradžioje buvo žodis, o ne atspindi atgal. Ir labai greitai jis turėjo "keisti": pirmas veidrodis, tada žodį ... Šiuo metu, CSS - yra gerai, bet kodėl taip ilgai ji ketina proto kūrėjas? CSS - tai visi tie patys masyvo kartus kompiuterinių programų erą, bet tik kitu požiūriu. Net tada, kai mases tapti asociatyvi revoliucija nepadarė.

svetainės puslapis - tai žymės HTML žymėjimo, kuris gali būti priskirtas tam tikro stiliaus ar stiliaus klasės identifikatorius. Pirmasis gali būti apibrėžta kartą ir priskirti nieko daug reikia laiko, o antrasis priklauso konkretaus elemento.

Bendras logika stilių aprašo

Pagal tradiciją, stilius dedamas į CSS failą, tačiau gali būti priskirtas tam tikro elemento savo stiliaus atributas. Stilius gali būti sukurta "JavaScript įrankiai dinamika. Ypač svarbu yra ne taip, kaip aprašyta, pavyzdžiui, naudojant CSS spalvų šriftą, jo dydį, ausines, fone po juo ir pan. Vietos aprašymas stilius yra svarbus, paprastai dviejų idėjų kontekste: vėliau aprašyta, todėl yra didesnis prioritetas, ir, jei nurodyta elemento, ji svarbi !. Paskutinis užfiksuotas, nes ji yra aiškiai apibrėžia prioritetą.

Taikyti stilių, pavyzdžiui, tam tikro šrifto spalvos pasikeitimas spalva, gali būti bet kur ir nieko. Kyla klausimas, kaip reaguoti į jį naršyklėje metu visų stilių išardymo kartu. Kiek jis praleidžia šio procesoriaus?

Idealiu atveju, šrifto spalva turėtų būti nurodyta tik vieną kartą - tai klasika. Galvoti, kad paprasto aprašymo pora, ir tada kitą, ir kitą ... žinoma, galite. Tai madinga, bet praktiška.

PAVYZDYS apskritai logika

Paprasčiausiai lemia CSS spalvų visų trijų elementų, tai yra įmanoma gauti bent tris ilgai veikia problemų:

# Ele1, # Ele2, # Ele3 {
PAREIGOS: absoliutus;
Kairėje: 20px;
viršų: 14px;
spalva: raudona;
}

# Ele2, # Ele3 {
Kairėje: 90px; // pakeisti CSS horizontalias koordinates
spalva: geltona; // pakeisti šrifto spalvą CSS
}

# Ele3 {
viršuje: 114px; // pakeisti CSS vertikalus koordinuoti

spalva: žalias; // vėl pakeisti šrifto spalvą CSS

background-color: lightgrey; // CSS teksto paryškinimo spalva pasikeitė, tačiau tai nėra į # Ele1 ir # Ele2; pozicija taip pat pasikeitė, tačiau pasikeitė # Ele2 o ne, kaip čia

}

Dabar mes turime prisiminti, kad visų šių trijų elementų apibrėžiamas kažkur, o į spalvų atstovybių svetainės savininkas pasikeičia, kūrėjas turės prisiminti ne tik apie spalvą, bet ir apie kairę ir iš viršaus taisyklių, ir net pakeisti paryškinimo spalva teksto neturėtų būti pamiršta.

Ne visi kūrėjai gerbė reikalavimas atitinka CSS: Stilius ID - tik vienas elementas, o klasės stiliaus - daug žymių, be paskutinio galimo taško žymės kaip būdvardžiai:

• nustatyti šrifto spalvą CSS - Stilius groundColor klasei;
• nurodyti šrifto dydį - klasė size15;
• rinkinys pozicija - klasės PlaceUp.

Natūralu, identifikatorių naudojimas, ypač kai jie priklauso tai pačiai žymėjimo elementas, dešimtuką Klasės stilius, dažytos įvairių derinių šimtų puslapio elementus. Tačiau viskas turi savo objektyvią logiką.

Kūrėjas tiesiog turi teisingai atsižvelgia į: net jei šrifto spalva HTML, CSS siūlo apibūdinti sunku, bendros struktūros aprašymo lankstumą - tai jo darbas.

Tikimasi rezultatas naudojant bendrą logiką

Šiuolaikinių naršyklių yra patogūs su stiliaus failus ir apimtis daug. Tačiau, projektavimas, ypač per CSS, spalva visą puslapį, jūs visada turėtų galvoti apie protingą pakankamumo. Ne visi stiliaus taisyklės "pigiai" atrodo paraiškoje. Paprasta lakoniškas įrašas: * {spalva: balta;} - tikrai graži, bet ji taikoma visiems puslapio elementų, be išimties.

Iš visų taisyklių, kurios yra įrengtos CSS, svarbiausia:

• stilius - klasė, ir tada pavadinimas prasideda "."
• stilius - identifikatorius ir jo pavadinimas prasideda "#" ženklu;
• kitais atvejais - vardo žyma ar kažko ypatingo

Likusi dalis informacijos idėjų stiliai (paveldėjimo savybės sutampa, prioritetus, pareigos, tvarka ir pan. D.) Turėtų būti naudojami protingai ir griežtai būtina.

Naršyklė visada praleisti, nereikia padaryti iš aprašyme, kad specialios staigmenos nebus. Jei kažkas buvo ne tinkamoje vietoje, arba nustatyti šrifto spalva CSS yra neįmanoma, todėl, atsižvelgiant į stiliaus klaidos.

netikėtų galimybių

Neturėtų būti piktnaudžiaujama stilių, pavyzdžiui, * {left: 124px; } arba

olio olio, olio ul, ul ul, ul olio {skirtumas-apačioje: 0; }
img {sienos: 0; }

Nors tai sunku, net naujokas kūrėjas naudoti CSS taisykles, nes jie yra. Visada į bet kokios svetainės kūrimo, net puikiai paprastas CSS sintaksė suteikia netikėtų problemų. Tačiau, jei tiesioginiai pastangos į teisingą naudojimą sintaksę, bet taikyti JavaScript funkcionalumas yra naujas ir netikėtas galimybes bus išvengta monotoniškas sukurti identifikatoriai kiekvienam elementui, arba stebėti įvairių stilių ir klasių veislės naudojimą.

CSS - ne tik stiliaus failas, kuris yra prijungtas prie puslapio per nuorodą žyma arba įterpiamas į jį per stiliaus tag. Taip pat galima sukurti stilių skristi arba pakeisti esamą.

Naudojant CSS, šrifto spalva gali būti padaryta programiškai. Taip pat dydžio ir pozicijos, maržos. Interneto svetainė - tai ne tikslas taikyti žinias CSS, HTML, PHP ar Java poveikį blykste.

Interneto išteklių - visų pirma yra siūloma tam tikru būdu informacija. Štai kodėl CSS geriausiai matyti dinamika per tai, kaip tai yra įmanoma suformuoti objektyvo, o puslapis vis dar serveryje (tai nėra PHP tuo metu, kai svetainė lankytojas atėjo, o ne tuo metu, kai jis buvo besivystančio svetainę užsakovas), norimą stilių konkretus tekstas atitinkamo turinio, arba sukurti stiliaus klasės ar identifikatorių skristi kaip puslapio darbo, kai jis žiūri į konkretaus lankytojas.

statiniai dinamika

Turėtume ne visada rašyti sudėtingas suradimas JavaScript kodą, kad dinaminį turinį ir jo dizainas - tinkamą turinį. Kartais užtenka tinkamai naudoti turimas galimybes. Visų pirma, nustatant CSS spalvą pradžių statinį taisyklę, galite paslėpti šią taisyklę (paslėpta) ir vizualizuoti skiriasi (mato).

Čia kalbėtojas nereikalauja algoritmą:

// pabrėžti mygtuku INPUT svetainėje
funkcija scfWelcomeOver () {
document.getElementById ( "scDocxNamePiP ') style.visibility =' matoma '.;
}

// paslėpti mygtuku INPUT svetainėje
veikti scfWelcomeOut () {
document.getElementById ( "scDocxNamePiP ') style.visibility =" paslėpta ".;
}

CSS siūlo savo dinamika: vp, skaidrias elementus, įvairių įsikūnijimai perdangas, rodmenys blukimas spalvas. CSS, šrifto spalva gali būti net taip, kad niekas stilistinė taisyklė nėra numatyta.

Dinaminis turinys ekranas

Jei nebuvo dogmos, galbūt nebūtų pažangos. Tiesiog ne tai, ką jis buvo, kaip kovoti. Hiperteksto atnešė į pasaulį iš dogmos daug. Atėjo laikas atkreipti dėmesį į juos ir pradėti kurti svetaines, pragmatiškai ir praktiškai stiliaus.

Iš pradžių, yra puslapis (P), kai kurie iš jūsų turinį (K), visos Puslapio žymos aprašyti stiliaus lapas (-ai). Nėra nauja forma P page per PHP ar Perl ant pasirenkant K iš duomenų bazės serverio. Esami stilių S seks automatiškai. Tačiau, K, gali būti pakeistas, ir daugeliu atvejų, toks pokytis reikštų kitų stilių poreikį, tai yra S +.

Pavyzdžiui, klientas sako: "Svetainėje aprašoma Maskvos gyvenimas atrodys geriau, jei naujienų straipsniai dekoruoti stiliaus" ZaZavtrakom ", apibūdinanti naktinio šurmulio į Style" Las Vegase "ir straipsnių apie mokslo ir technologijų pažangos stiliaus" ModernTehno ' ". Bet jei mes darome S Trys iš šių galimybių, nėra jokios garantijos, kad klientas neturės idėja, kad straipsnių rinkinį "Naujienos", "Holiday", "Darbas", "CSS / HTML» Premija "HozyaykeNaZametku".

Kitas požiūris labiau praktinis. Nepriklausomai nuo Straipsnio kategorijos visada yra turinio, kuris gali būti nudažyti tam tikra spalva. Čia šioje vietoje yra gana protingas mintis: Konkrečios K, dar serveryje generuoti tinkamą S ir naršyklė reikės p, jis gaus tinkamą turinį tinkamo įforminimo.

Dinamika stilius JavaScript

Minimalus, tačiau labai veiksmingas sprendimas - daryti stilių tiesiogiai kliento naršyklėje. Pirma, ji mažina serverį - nereikės praleisti laiką ant hiperteksto puslapiuose ir stilius failus jį formuojant.

Antra, natūralus laiko švaistymas viduje naršyklėje sukurs efektą, kad puslapis užima verslo ir aktyviai palaiko dialogą su Lankytojo požymiai: jis vis dar nemato urmu turinį, todėl jis norėtų nuoseklų ir Domu informacija išvestį.

Trečia, ji leidžia užsakovui pateikti lankytojų mechanizmas šio stiliaus turinio, kuriame jis yra patogi. Tai net ne kas.

Įgyvendinti šią idėją, jūs turite įdiegti mechanizmą, kurti elementus stiliaus iš karto po puslapio krovinį, o jo veikimo metu. Modernus svetainės - tai AJAX tam tikroje formoje. Tai nėra sunku atlikti stilių formavimąsi tiesiogiai formavimosi puslapio medis procesą. Tai lengva, įperkamas ir veiksmingas, nes turinys yra kartu su savo registracijos.

Tai neprieštarauja šiuolaikinės tendenciją atskirti Duomenų pateikimas iš atlikto tyrimo duomenimis ir paliko ekrane apdorojimo.

CSS, kaip aktyvų ingredientą

Hiperteksto atnešė daug gero, bet tik nedidelė natūralios informacijos buvo sėkmingai įformintas, nebuvo įrankiai ir patirtis kuriant aukštos kokybės HTML, XML, CSS dokumentus. Ne problema formalizuoti naujų informacijos kiekius ir keisti jau anksčiau.

Susijusių su CSS, šis procesas yra aktyvuota visiškai kitame kontekste. Built-in įrankiai JavaScript, leidžiantys "skristi" kurti elementus ir stilių elementų nebuvo numatyti tokią galimybę, o PHP kūrėjai, ypač, manoma, kad užsiima tik HTML puslapius formavimas.

Tiek pirmoji ir antroji leidžia daryti programavimo stilius. Tai nauja kryptis į informacinių technologijų srityje. Stiliai žymiai daugiau formalus dalykas nei XML arba HTML, taisyklės yra labai paprasta. Stilius visada esantis informaciją, nesvarbu, kaip natūralus jis buvo.

Registravimo duomenų bazė programuotojai užsiima visada daug labiau formalizuotų sektoriuose, bet CSS tema - labai paprastas uždavinys, bet kažkaip negavau į atsižvelgiant į plėtros procesą srityje.

Ant programavimo srityje dogmos

Kaip ledkalnio, dogma negali ilgai platybės vagojančiais informaciją. Praeities patirtis turėjo sutelkti ne tik iš HTML ir CSS standartus, įrankiai dirbti su jais, žinių kūrėjams.

Paprastas uždavinys - siekti, kad per CSS šrifto spalvą - rado puikų sprendimą. Taisyklės, sintaksės, logikos ir komfortas yra neginčijamas. Tačiau net tada, kai šrifto tikrųjų turime ne daug spalvų daug praktikos, per daug nereikia, ir tikrai už Virtualizacija tikrovės tikslui nereikia visą sukauptą "jėgos» HTML ir CSS, ateina laikas, kai situacinis žinios eiti į atgaminti ir rodomas patirtis ir įrankiai gamtos formavimosi stilių turinį.

Kaip tai bus, gali būti ne visiškai aišku, tačiau, kad šis procesas jau vyksta, žinoma.