CSS Box: improvizované a efekt

plechy kaskádových štýlov (CSS) pre všetky svoje logické jednoduchosti umožňuje nielen vytvárať efektné konštrukčné riešenie, ale aj prvky skutočné činy, emulovať výkon aktuálneho kódu.

Akékoľvek vizuálnej tag HTML značenie - pravouhlá plocha určitú štruktúru a obsah. Prvok obsahuje indikáciu súradníc, veľkosť, výplň, farba, písmo, štýl písma, a tak ďalej. Frame CSS-element určuje im obsadené plochy, sú umiestnené smerom dovnútra od jeho hraníc na ktoré tu budú označené šírku.

popis syntaxe

OBLASŤ umiestnenie prvok uvedené súradnice vztiahnuté na ľavom hornom rohu stránky (vľavo hore), s veľkosťou v horizontálnom i vertikálnom smere (šírka, výška). Všetky návrhy a animácie prvky sú vyrobené vo dvojiciach "vlastnosť: hodnota".

Opis sa vykonáva priamo v kóde stránky vložiť štýlu alebo v samostatnom súbore a ukázal na neho referencie LINK. syntax:

#NAME {vlastnosť: hodnota; vlastnosť: hodnota; vlastnosť: hodnota; ...}

alebo

.name {vlastnosť: hodnota; vlastnosť: hodnota; vlastnosť: hodnota; ...}

Názov môže byť tiež p, telo, html, stôl, td ..., to je názov HTML značkovacieho značku. Môžu byť spojené priamo s popisom prvku štýlu.

Predtým, než urobíte svoj vlastný štýl písania, nie je na škodu vidieť, ako sa to robí na obľúbené stránky, udržiavanie kódu stránky, alebo stlačením Ctrl-U, aby ste ju videli priamo v prehliadači.

hlavné parametre

V skutočnosti CSS frame element zastúpený style (border-style), farba (border-color), šírka (border-width). To môže byť všetko zhrnúť do jednej nehnuteľnosti - hranice. Môžete popísať každý okraj rámčeka nezávisle (border-top, border-bottom, border-left, border-right).

CSS rám popísané všeobecnými pravidlami kaskádových štýlov:

border: 3PX;
border-color: red;
border-style: dvojitá prerušovaná pevná bodkované.

Tento opis nastavuje šírku ohraničenie 3 pixelov, farba - červená, štýl luby: hornej strane dvojité, doprava - čiarkovaná, pevné dno, doľava - bod.

border-width: 1px 2px 4px 8px;
border-color: blue;
border-style: bodkovaný.

Tu sú rozmery oboch stranách sú tiež postupne odhora, v smere hodinových ručičiek, farby - modrá a štýl - Spot.

border-color: blue červená zelená čierna;

V tomto opise, jednotlivo špecifikované farby na každej strane. border vlastnosť môže obsahovať niekoľko parametrov, a uhly záberu môže byť kolo:

border: 1px zelená pevná látka;
border-radius: 0px 4px 8px 12px;
-moz-border-radius: 0px 4px 8px 12px;
-webkit-border-radius: 0px 4px 8px 12px;

O tom, ako rám v CSS, to závisí od využiteľnosti návštevníka, pretože zvyčajne štylistické účinok je používaný pre technické účely, ak je to dôležité ukázať presné miesto a veľkosť priestoru na stránke.

Hrúbka rámu a jeho účel

Výberom hrúbky rámu, môžete použiť pixelov, pt, em ..., ale je treba mať na pamäti, že je vždy v rámci terénneho prvku. Je ťažké predpokladať, že rám má konštrukčné účel CSS, ale technicky je to veľmi užitočné pre zvýraznenie prvkov stránky.

Ak je hlavná trieda rám zamknuté, že nie je prítomný, pokiaľ ju v pseudo-triedu: hover, to môže byť preukázané, že návštevník element stránky, ak je kurzor myši, ako je zvýraznenie položky menu. Niekedy je nutné zvoliť niečo kliknutím na obrázok, alebo pretiahnuť niečo niekde. Je veľmi vhodné použiť bodka rám, a nemeniť pozadie tohto prvku alebo jeho obsah.

Niektoré aplikácie vyžadujú rozdelenie oblastí stránky, alebo výber položiek pre ďalšie spracovanie. V tomto prípade, v okamihu kliknutia vytvoriť div s ohraničením a ak návštevník nie uvoľnení tlačidla myši, zmeniť jeho veľkosť, čo ukazuje vizuálne výsledok voľby.

vonku pod

CSS tutoriály sú veľmi zaujímavé, pretože je dôležitosť výskumu kódy stránok vyhľadávaných miest. Avšak, vlastné zdroje musia byť jedinečné, musí mať svoju vlastnú tvár.

Za predpokladu, že syntax CSS rámca neposkytuje také množstvo, ako z vlastného podnetu. Impromptu - skvelý štart, a nič nebráni developer vybudovať vlastný rám. Zvlášť so všetkými úspechmi internetových technológií a schopností existujúcich štandardov majú mnoho sľubných nápadov vychádza zo skutočných nedostatkov súčasného syntax, ktorá je (podľa definície), bola vždy striktne formálne.

Najmä v prípade, a stanoviť rozsah niektorých prvkov, sa zdá byť vhodné, aby tak urobili komplexne. Zvýraznenie jednotlivých značiek v bokoch a uhly regiónu, môžete získať úžasné efekty. A priradenia príslušnej obsluhy, možno vytvoriť dynamické prvky stránky, že sa mení poloha, tvar a obsah.