CSS: fontin väri, tyyli, malli, koko

Ohjelmointi - peili: Alussa oli sana, eikä heijastu takaisin. Ja hyvin nopeasti se oli "muutos": ensin peiliin, niin sana ... Tässä vaiheessa CSS tyylisivu - on hyvä, mutta miksi niin kauan, että se piti mieleen kehittäjä? CSS - se on aivan sama joukko kertaa aikakauden tietokoneohjelmien, mutta vain eri näkökulmasta. Jopa silloin, kun massat tullut assosiatiivinen vallankumous ei ole tehty.

verkkosivustolinkkejä - se tunnisteet HTML-markup, mikä voi johtua tietyn tyylin tai tyyliä luokan tunnisteen. Ensimmäisessä voidaan määritellä yhdellä kertaa syyksi mitään kaivattuja aikaa, ja toinen kuuluu erityinen tekijä.

Yleisen logiikan kuvauksen tyylit

Perinteisesti tyyli sijoitetaan CSS-tiedostoa, mutta voidaan kohdistaa tiettyyn osa sen tyyliattribuutti. Tyyli voidaan luoda dynamiikkaa JavaScript työkaluja. Erityisen tärkeää ei ole kuvattu, esimerkiksi käyttämällä CSS väri fontti, sen koosta, kuulokkeen, tausta alle ja niin edelleen. Sijainti kuvaus tyyli on tärkeä yhteydessä, yleensä kaksi ajatusta: myöhemmin kuvattu, niin se on korkeamman prioriteetin, ja jos kuvattu elementti, se tärkeää !. Viimeksi tallennettu, koska se on, määritellään selkeästi etusijalla.

Levitä tyyli, esimerkiksi tietyn fontin värin muutos värin, voi olla missä tahansa ja mitä tahansa. Kysymys kuuluu, miten reagoida sen selaimessa aikana purkaminen kaikki tyylit toisiinsa. Kuinka paljon hän kuluttaa tällä CPU?

Ihannetapauksessa fontin väri olisi ilmoitettava vain kerran - se on klassinen. Ajattele ulos yksinkertainen kuvaus pari, ja sitten toinen ja toinen ... tietenkin voit. Se on muodikas, mutta käytännöllinen.

Esimerkki yleistä logiikkaa

Yksinkertaisesti määrittää CSS väriä kaikille kolme elementtiä, on mahdollista saada vähintään kolme pitkäaikaisen ongelmia:

# Ele1, # Ele2, # Ele3 {
KANNAN: absoluuttinen;
vasen: 20px;
top: 14px;
väri: punainen;
}

# Ele2, # Ele3 {
vasen: 90px; // muuttaa CSS vaakakoordinaatista
väri: keltainen; // vaihtaa väriä fontin CSS
}

# Ele3 {
top: 114px; // muuttaa CSS pystykoordinaatti

väri: vihreä; // jälleen muuttaa fontin väriä CSS

background-color: vaaleanharmaa; // CSS tekstin lisäväri muuttunut, mutta tämä ei ole läsnä # Ele1 ja # Ele2; asema myös muuttunut, mutta se on muuttunut # Ele2 eikä, kuten tässä

}

Nyt täytyy muistaa, että kaikki nämä kolme elementtiä on määritelty jossain, ja siinä tapauksessa, että värin muutos esityksiä sivuston omistaja, kehittäjä on muistettava ole pelkästään väriä, vaan myös vasemmalle sääntöjä ja ylhäältä, ja jopa muuttaa kohokohta tekstin väriä ei saa unohtaa.

Ei kaikki kehittäjät arvostetun vaatimus CSS: Style tunnus - vain yksi elementti, ja luokan tyyli - monta tunnistetta, paitsi viimeinen mahdollinen piste tunnisteet adjektiivit:

• asettaa fontin väriä CSS - tyyli groundColor luokassa;
• määrittää fontin - kokoluokan size15;
• set asema - luokan PlaceUp.

Luonnollisesti käyttö tunnisteiden, varsinkin kun ne kuuluvat samaan merkintäelementin, kymmenen tyyliluokkiin, maalattu eri yhdistelminä satojen sivun elementtejä. Mutta kaikki on oma tavoite logiikka.

Kehittäjä yksinkertaisesti on asianmukaisesti otettava huomioon: vaikka fontin väriä HTML, CSS tarjoaa kuvaamaan kovaa, joustavuus kokonaisrakenne kuvauksista - se on hänen työ.

Odotettu tulos käyttämällä yhteisiä logiikkaa

Nykyaikaiset selaimet ovat mukava paljon tyyliä tiedostojen ja volyymit. Kuitenkin suunnittelu, erityisesti CSS, värittää koko sivun, sinun pitäisi aina ajatella kohtuullisen riittävyydestä. Ei kaikki tyyli sääntöjä "halpa" look hakemuksessa. Yksinkertainen lakoninen merkintä: * {color: valkoinen;} - varmasti kaunis, mutta se koskee kaikkia sivun elementtejä, poikkeuksetta.

Kaikista sääntöihin, jotka on varustettu CSS tärkein:

• tyyli - luokka, ja sitten nimi alkaa ""
• tyyli - tunniste ja sen nimi alkaa "#" merkki;
• muissa tapauksissa - nimitarra tai jotain erityistä

Loppuosa kuvausta ideoiden Tyylit (perintö ominaisuudet päällekkäin, painopisteet, asema, järjestys ja vastaavat. D.) pitäisi käyttää järkevästi ja ehdottoman välttämätöntä.

Selain aina kaipaamaan, älä laatia kuvauksessa niin, että erityistä yllätyksiä ei. Jos jotain ei ollut oikea paikka tai asettaa fontin värin CSS ei ole mahdollista, siis tyyliin virhe.

odottamattomia mahdollisuuksia

Ei saa käyttää väärin tyylejä, kuten * {vasen: 124px; } tai

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

Vaikka on vaikea tehdä jopa noviisi kehittäjä voi käyttää CSS sääntöjä kuin ne ovat. Aina kehittämisessä tahansa sivuston, jopa täysin yksinkertainen CSS syntaksin antaa odottamattomia ongelmia. Jos suora pyrkimyksiä oikea käyttö syntaksin, mutta soveltaa JavaScriptiä on uusi ja odottamaton mahdollisuuksia välttää yksitoikkoista luo tunnisteet kullekin elementille, tai valvoa käyttöä erilaisia tyylejä ja luokkia.

CSS - ei ole vain tyyli tiedoston, joka on liitetty sivun linkin kautta tagi tai työnnetään se läpi Tyylitunnisteen. On myös mahdollista luoda tyylin lennossa tai muunnella olemassaolevaa.

CSS: n avulla, fontin värin voidaan tehdä ohjelmallisesti. Sekä koko ja sijainti, marginaalit. Verkkosivusto - ei ole tavoite soveltaa tietoa CSS, HTML, PHP tai JavaScript vaikutuksia flash.

Web resurssi - on ensinnäkin tarjottuja tietyllä tavalla. Siksi CSS näkyy parhaiten dynamiikan linssin läpi, miten se on mahdollista muodostaa, kun sivu on edelleen palvelimelle (se ei ole saatavilla PHP tekohetkellä sivuston käyttäjä tuli, eikä kehittäjä silloin, kun hän oli kehittymässä sivuston), haluttu stylesheet tiettyä tekstiä sisällön, tai luoda tyylin luokan tai tunnisteen lennossa sivun toimii, kun se näyttää tietyllä kävijä.

staattinen dynamiikka

Meidän ei pitäisi aina kirjoittaa hienostunut find JavaScript-koodia, jotta dynaamista sisältöä ja sen suunnittelu - riittävä pitoisuus. Joskus riittää oikein käyttää tarjolla olevista mahdollisuuksista. Erityisesti määrittelemällä CSS font color aluksi staattinen sääntö, voit piilottaa tämän säännön (piilotettu) ja visualisoidaan erilaisten (näkyvissä).

Täällä, puhuja ei vaadi algoritmia:

// korostaa tulopainiketta sivuilla
toiminto scfWelcomeOver () {
document.getElementById (scDocxNamePiP ') style.visibility = 'näkyvä' .;
}

// piilottaa tulopainiketta sivuilla
toimiakseen scfWelcomeOut () {
document.getElementById (scDocxNamePiP ') style.visibility = 'piilossa' .;
}

CSS tarjoaa oma dynamiikka: osakelennättimet, läpinäkyvät osat, erilaiset suoritusmuodot overlayt näytöt, häipyminen väriä. CSS, fontin värin voidaan tehdä jopa niin, että kukaan tyylillinen sääntö ei ole säädetty.

Dynaaminen sisältö näyttö

Jos ei olisi dogmeja, ehkä ei olisi mitään edistystä. Vain ole millaista oli taistella. Hypertekstiä saattaneet maailmaan paljon dogmi. On aika kiinnittää huomiota siihen ja lähteä kehittämään sivustoja pragmaattinen ja käytännöllinen tyyli.

Aluksi on sivun (P), joitakin sisältöä (K), kaikki sivun tunnisteiden kuvataan tyyliohjeessa (S). Ole uusi lomake P page kautta PHP tai Perl palvelimen valitsemalla K tietokannasta. Olemassa olevat tyylisivu S seuraa automaattisesti. Kuitenkin K voidaan muuttaa, ja useimmissa tapauksissa tällainen muutos aiheuttaisi tarvetta muita tyylejä, eli S +.

Esimerkiksi asiakas sanoi: "Sivusto kuvailee elämää Moskovan näyttää paremmalta, jos uutisia on sisustettu tyyliin" ZaZavtrakom "joka kuvaa yön vilske tyyliin" Las Vegas 'ja artikkeleita tieteen ja tekniikan kehitykseen tyyliin' ModernTehno. ' " Mutta jos teemme S kolme näistä vaihtoehdoista, ei ole mitään takeita siitä, että asiakas ei ole ajatus on joukko artikkeleita "News", "loma", "Työ», «CSS / HTML» bonus 'HozyaykeNaZametku'.

Toinen lähestymistapa lisää käytännön. Luokasta riippumatta artikkeli on aina sisältöä, joka voidaan maalata tietty väri. Täällä tässä paikassa on varsin järkevä ajatus: tarkat K, edelleen palvelimelle tuottaa riittävän S ja selain vaatii P, hän saa oikean sisällön oikeassa puhdistumaan.

Dynamics tyyli JavaScript

Minimi, vaikka hyvin tehokas ratkaisu - tehdä muotoilu suoraan asiakkaan selaimessa. Ensinnäkin se vapauttaa palvelin - ei tarvitse käyttää aikaa muodostumiseen hypertekstisivujen ja tyyli tiedostoja sitä.

Toiseksi luonnollinen ajanhukkaa sisällä selain luoda vaikutus, että sivu on käytössä liiketoiminnan ja tukee aktiivisesti vuoropuheluun kävijä: hän ei vieläkään näe sisältöä irtotavarana siksi hän haluaisi johdonmukainen ja harkittuja tietoa lähdön.

Kolmanneksi se mahdollistaa kehittäjä tarjota kävijälle mekanismi sisällön tähän tyyliin, jossa hän on mukava. Se ei ole edes ketään.

Toteuttaakseen tämän ajatuksen, sinun täytyy toteuttaa mekanismi luoda osa tyyliä heti sivu latautuu, ja sen aikana on ollut toiminnassa. Moderni päällä - se on AJAX tietyssä muodossa. Ei ole vaikea toteuttaa muodostumista tyylejä suoraan prosessin muodostumista sivun puu. Se on helppo, edullinen ja tehokas, koska sisältö on yhdessä hänen rekisteröintiä.

Tämä ei ole ristiriidassa moderni taipumus erottaa esittämistä tietojen käsittely suoritetaan tietojen ja jättää näytössä.

CSS vaikuttavana aineena

Hypertext tuonut paljon hyvää, mutta vain pieni osa luonnon tietojen onnistuneesti virallistettiin oli työkaluja ja kokemus luomaan laadukkaita HTML, XML, CSS asiakirjoja. Ei ongelma virallistaa uutta määriä tietoa ja muuttaa jo aiemmin.

Suhteen CSS, tämä prosessi on aktivoitu aivan eri yhteydessä. Sisäänrakennettuja työkaluja JavaScript, mahdollistaa "lennossa" luoda elementtejä ja tyylejä elementtien ei ennakoida tällaista mahdollisuutta, ja luojat PHP Erityisesti uskotaan harjoittavan muodostumiseen vain HTML-sivuja.

Sekä ensimmäinen että toinen sallii tehdä ohjelmointi tyylejä. Tämä uusi suunta alalla tietotekniikkaa. Tyylit huomattavasti enemmän muodollista asia kuin XML tai HTML, säännöt ovat hyvin yksinkertaisia. Tyyli on aina läsnä tietoja, riippumatta siitä, kuinka luonnollista se oli.

Rekisteritietokanta ohjelmoijat ovat mukana aina paljon virallistetaan aloilla, mutta CSS teema - hyvin yksinkertainen tehtävä, mutta jotenkin ei päästä näkökenttään kehitysprosessia.

On dogmi alalla ohjelmointi

Kuten jäävuori, dogmi ei voi kauan lakeuksilla vaonmuodostuksen tietoa. Aiemmat kokemukset oli keskityttävä paitsi HTML- ja CSS-standardeja, joiden avulla voidaan yhdessä niihin, tiedon kehittäjille.

Yksinkertainen tehtävä - tehdä CSS fontin väri - on löytänyt täydellisen ratkaisun. Säännöt, syntaksin, logiikan ja mukavuus ovat kiistattomia. Mutta vaikka fontin oikeastaan ole paljon värejä käytännössä liikaa ei ole välttämätöntä, ja itse asiassa varten todellisuutta virtualisointi ei tarvitse kaikki kertyneet "voima» HTML ja CSS, siellä tulee aika, jolloin tilannekohtaista tietoa mene jäljentää ja näytetään kokemusta ja työkaluja luonnonmuodostuma tyylejä sisällön.

Miten tämä voi tapahtua, ei voi olla täysin selvää, mutta että prosessi on jo käynnissä, ilmeisesti.