CSS Box: improvisoitu ja vaikutus

CSS (CSS) kaikille looginen yksinkertaisuus mahdollistavat paitsi luoda näyttäviä suunnitteluratkaisu, mutta myös elementtejä tositoiminta jäljitellä suorituskykyä itse koodi.

Visuaalisia tag HTML-merkintä - suorakulmaisen tietyn rakenteen ja sisällön. Elementti käsittää ilmoituksen koordinaatit, koko, pehmuste, väri, fontti, fontin tyyli, ja niin edelleen. Frame CSS-elementti määrittää ne käytössä alue, sillä se sijaitsee sisäänpäin sen rajojen nimettyä tässä leveys.

syntaksikuvauksesta

ALA sijoitus elementti määritelty koordinaatit suhteessa vasempaan yläkulmaan (vasen, ylhäällä), koko vaaka- ja pystysuunnassa (leveys, korkeus). Kaikki suunnittelu ja animaatio, joka tehdään pareittain "omaisuus: value".

Kuvaus tehdään suoraan sivulle koodin lisätä tyyliä tai erilliseen tiedostoon, osoittaen häntä LINK yhteistyö. syntaksi:

#name {ominaisuus: arvo; ominaisuus: arvo; ominaisuus: arvo; ...}

tai

.name {ominaisuus: arvo; ominaisuus: arvo; ominaisuus: arvo; ...}

Nimi voi olla myös p, elin, html, pöytä, td ..., että on nimi HTML-markup tunniste. Voidaan liittää suoraan kuvauksen tyylielementin.

Ennen muodostavat oman kirjoitustyyli, ei satu nähdä, miten se tehdään suosittuja sivustoja, pitää sivun koodi tai painamalla Ctrl-U tarkastella sitä suoraan selaimessa.

Tärkeimmät muuttujat

Oikeastaan CSS runkoelementti edustaa tyyli (border-style), väri (border-color), leveys (raja-leveys). Se voidaan kaikki kiteyttää yhteen omaisuutta - rajalla. Voit kuvata jokaisen kehyksen ylittäviä itsenäisesti (border-top, border-bottom, raja-vasen, raja-oikea).

CSS kehys kuvataan yleisten sääntöjen CSS:

border: 3px;
border-color: red;
border-style: Double romutti kiinteä pilkullinen.

Tämä kuvaus tuo rajan leveys 3 pikseliä, väri - punainen, tyyli sivut: yläpuolen kaksinkertainen, oikea - romuttuneet, kiinteä pohja, vasen - piste.

border-width: 1px 2px 4PX 8px;
border-color: blue;
border-style: pilkullinen.

Täällä, mitat kummallakin puolella ovat myös peräkkäin ylhäältä, myötäpäivään, väri - sininen, ja tyyli - Spot.

border-color: punainen vihreä musta;

tässä selityksessä yksittäinen väri kummallakin puolella. raja ominaisuus voi sisältää useita parametreja, ja kulmat runko voi olla pyöreä:

border: 1px vihreä kiinteä aine;
border-säde: 0px 4PX 8px 12px;
-moz ylittävä-säde: 0px 4PX 8px 12px;
-webkit-border-säde: 0px 4PX 8px 12px;

Siitä, miten runko CSS, se riippuu käytettävyyttä vierailija, koska yleensä tyylillinen vaikutus käytetään teknisiin tarkoituksiin, kun se on tärkeää osoittaa tarkan sijainnin ja alueen koko sivulla.

Paksuus kehyksen ja sen tarkoituksen

Valitsemalla paksuus rungon, voit käyttää px, pt, em ..., mutta on syytä pitää mielessä, että se on aina kentässä elementti. On vaikea olettaa, että kehys on CSS suunnittelu tarkoitukseen, mutta teknisesti se on erittäin hyödyllistä korostaa sivun elementtejä.

Jos päärungon luokka on lukittu, joka on poissa, määrittelemällä se pseudo-luokka: hover, voidaan osoittaa vierailija sivun elementin, kun se on hiiren kursori, kuten korostamalla valikosta. Joskus on tarpeen valita jotain klikkaamalla kuvaa tai vetämällä jotain jonnekin. Se on erittäin kätevä käyttää piste kehystä, eikä muuttaa elementin taustan tai sen sisältöä.

Jotkin sovellukset vaativat jakamisesta sivun alueita, tai valitse kohteita jatkojalostukseen. Tässä tapauksessa aikaan klikkauksen luoda div raja ja niin kauan kuin vierailija ei vapauta hiiren painike, sen kokoa, osoittaa visuaalisesti tulos valinta.

ulkona

CSS oppitunnit ovat erittäin mielenkiintoisia, koska on tärkeää tutkimuksen koodien sivuja suosittuja sivustoja. Kuitenkin omien varojen on oltava yksilöllinen, sillä on oltava omat kasvot.

Edellyttäen syntaksin CSS runko ei anna niin erilaisia, sillä omasta aloitteestaan. Impromptu - hyvä alku, eikä mikään estä kehittäjä rakentaa omaa runko. Varsinkin kaikki saavutukset Internet-teknologian ja valmiuksia nykyisten standardien on monia lupaavia ideoita perustuu todellisiin puutteisiin nykyisen syntaksin, joka on (määritelmän mukaan) on aina ollut tiukasti muodollinen.

Erityisesti jos sekä vahvistaa direktiivin tiettyjen osien, on tarkoituksenmukaista tehdä niin kattavasti. Korostus yksittäiset tageja sivuilla ja kulmat alueen, voit saada hämmästyttäviä vaikutuksia. Osoitetaan vastaavien käsittelijät, voi luoda dynaamisia elementtejä, asentoa muuttamalla, muoto ja sisältö.